전체 글 26

[React-Hook] 자바스크립트 비동기 처리 useState 와 useEffect 를 곁들인..

자바스크립트로 코드 짤 때 가장 헷갈린게 비동기 처리인 것 같다. Vue 를 쓸 때도 그렇고 React 쓸 때도 그렇고 다 좋은데 비동기 처리는 진짜 짜증 났던 것 같다. 난 분명히 값을 할당했는데 undefined.. 공부하고 정리 좀 해서 아까운 시간 쏟지 말자 ୧╏ ՞ _ ՞ ╏୨ 비동기 처리란 동기 처리는 동시에 일어남을 의미하고 비동기는 동시에 일어나지 않음을 의미한다. 동기 처리는 요청과 결과가 동시에 일어나기 때문에 코드가 직관적이고 이해하기 쉬운 반면에 ▶ 여기서 값을 받으면 ~ 이거 하고 이거 해! 비 동기 처리는 결과가 나올 때 까지 기다리지 않고 다른 일을 처리할 수 있기 때문에 코드나 순서는 이해하기 어려워도 자원 사용을 좀 더 효율적으로 할 수 있다. ▶ 여기서 값을 받으면 ~ 그..

공부/React 2021.11.05

[TS_React] setupProxy.js 로 CORS 에러 해결하자

TS :Trouble Shooting Proxy 설정은 왜 할까 서버와 클라이언트를 통신할 때 CORS 헤더를 통해 통신을 진행하는데 이런 CORS 를 통한 통신은 통신을 주고받는 통신 주체들의 도메인, 프로토콜, 포트 등이 일치하는지 확인한다. 프로젝트를 진행함에 있어 서버와 프론트의 도메인, 프로토콜, 포트가 일치하는 않는 경우에 CORS 에러가 나는 이유가 바로 이런 접근 권한 확인 과정을 거치기 때문이다. 서버와 클라이언트 사이에 중계기로서 대리로 통신을 수행하게 하는 프록시 서버를 설정하면 위와 같은 문제를 해결할 수 있다. Proxy 서버 설정 방법 proxy 서버를 설정하기 위해서는 2가지 방법이 존재한다. 1. package.json 파일에서 설정 "proxy" : "{통신할 서버 주소}"..

[AWS + Spring Boot ] 스프링부트 QueryDSL 연동 배포

드디어 spring boot 에 querydsl 적용하고 배포까지 구현했다. 나중에 또 하면 1시간 넘게 헤맬 수 있으니 기억이 온전할 때 바로 내용 정리해놓고 두고두고 공부해야겠다. ๑・̑◡・̑๑ querydsl 이란? 객체 지향 언어는 엔티티 타고 타고 들어가는게 가능한데 (객체 지향의 장점 중 하나...) 관계형 데이터베이스는 그런 기능은 지원하지 않는다. 결국 검색 조건을 넣으려면 모든 DB 데이터를 엔티티화 해야 한다는 뜻인데 그건 불가능할 수야 있겠지만.. 그렇기 때문에 애플리케이션이 필요한 데이터만 DB에서 불러오려면 결국 검색 조건이 포함된 SQL이 필요하다. 다행히 (?) JPA는 SQL을 추상화한 JPQL (객체 지향 쿼리 언어)이 있는데 JPQL를 쉽게 만들어주는 방식 중 하나가 Qu..

공부/Spring Boot 2021.10.31

[백준] 백준 시작

오늘 백준 들어갔다가 깜짝 놀랐다 리트코드로 공부했었다는 변명에도 브론즈 4는 좀 아니지 싶기도 하고 ... 흐지부지 되지 않기 위해 별거 아니지만 포스팅을 올린다 (*•̀ᴗ•́*)و ̑̑ 우선 목표는 골드1 기간 2021.10.28 ~ 2021.1.28 # 22.02.03 추가 목표는 달성하지 못했다.. ( •ᴗ•̥ ˳ ) 그래도 3개월간 알고리즘 공부를 꾸준히했던 것 같다! ICPC 신촌 알고리즘 스터디 초급 & 중급반에서 강의를 들으며 문제를 풀고 있는데 개념을 먼저 이해하고 개념별로 문제를 푸니까 뜬구름 잡는 것 같던 알고리즘이 그나마 조금씩 이해가 되는 것 같은 느낌이다. 그리고 머리도 좋은데 노력도 많이 하는 다른 스터디원들을 보면서 자극도 많이 받게되는 것 같다. 하지만 아직도 어려운 문제를..

공부/Algorithm 2021.10.28

GDSC global networking event 와 링크드인

어제 GDSC에서 코어 멤버들간의 global networking event 가 있었다 GDSC는 Google Developer Student Club의 약자로 말 그대로 개발에 관심있는 전세계 대학생들간의 모임이다. 나는 GDSC Sookmyung 에서 WEB 분야 코어 멤버로 활동하기에 이번 행사에 참여하게 되었다. 'ڡ'४ 행사는 networking event 인 만큼 각자 흥미가 있는 분야에 대한 소규모 그룹을 만들어서 각자의 생각과 경험을 공유하는 방식으로 진행되었다. ( AI, WEB, WOMEN IN CS 등등 흥미로운 주제가 많아서 재밌었다 ) 하지만 나는 영어에 자신감도 없고 ... 영어도 못하고 .. 쭈구리 그 자체 .. ( ᵕ‧̯ᵕ̥̥ ) 그래도 청취자의 마음으로 열심히 행사에 참여한..

일상 2021.10.27

[AWS + spring boot] 서버 배포하기 _ 1

서버는 왜 배포해야할까 서버를 24시간 작동하게 하는 방법은 3가지 내 pc를 24시간 구동시킨다. 호스팅 서비스를 이용한다. 클라우드 서비스를 이용한다. 그 중 유동적으로 트래픽 관리가 가능한 클라우드 서비스를 이용하는 것이 서버 배포와 유지 보수 관리에 유리하다. 클라우드란 클라우드는 인터넷 그 자체를 가리키며 이런 인터넷 환경을 통해 서버, 스토리지, 데이터베이스, 네트워크, 소프트웨어, 모니터링 등의 컴퓨팅 서비스를 제공하는 것 또한 의미한다. Iaas : it인프라 대여 (ec2) Paas : Iaas를 한번 더 추상화 Iaas에서 더 자동화 됨 (heroku) Saas : 소프트웨어 서비스 (google drive) 클라우드 서비스는 여러가지 있는데 aws, azure, GCP 그 중 aws를..

공부/Server 2021.10.26