Reese.dev

@Reese
Sin Prosa Sin Pausa

알라딘 Open API CORS 이슈 해결

알라딘 open API를 사용해서 도서 검색 기능을 구현하다가 CORS 이슈를 맞닥뜨렸다. 해결과정과 함께 공부한 내용을 간단하게 정리해보려고 한다. 일단 상황은 이랬다. 도서 검색을 위해 알라딘 서버로 요청을 보내면 에러가 발생하는 것이다. cors 자바스크립트는 보안상의 이유로 클라이언트와 서버의 출처가 같은 경우에만 (=같은 도메인 주소를 가진 경…

Cannot read property 'name' of undefined

개발환경 Windows Terminal / WSL@2 node 12.18.3 / npm 6.14.6 react 16.13.1 typescript 3.7.5 eslint 6.8.0 CRA 공식 홈페이지를 참고하여 아래의 스크립트를 실행하고 CRA + Typescript 개발환경을 구성한 상태였다. 이슈 index.ts 위 코드를 작성하고 build시 에러…

useEffect 최적화 하기 (의존성 배열에 condition 전달)

useEffect는 componentDidMount + componentDidUpdate + componentWillUnmount 의 조합이다. 여러 라이프사이클에 해당하는 기능을 useEffect 하나로 모두 처리할 수 있다는건 편리하지만 불필요하게 effect가 실행돼서 리소스 낭비가 발생할 가능성도 높다. 그래서 보통은 useEffect를 원하는 시…

Git 브랜치 분리하고 커밋 옮기기

feature A 개발이 완료된 이후 dev 브랜치에 merge를 하지 않은 상태에서 feature B를 개발해서 feature A 브랜치에 feature B의 commit이력이 섞이게 됐다. feature A : feature/redux feature B : feature/ui-postcard before 원하는 브랜치의 모습은 아래 이미지처럼 feat…

command not found tsc

개발환경 Windows Terminal / WSL@2 Node.js (nvm 으로 설치) Typescript 이슈 타입스크립트 개발환경을 구축하기 위해 프로젝트 디렉토리에서 다음의 스크립트를 순차적으로 실행하여 타입스크립트(컴파일러)를 설치 프로젝트 디렉토리 하위에 /src/index.ts를 생성하고 실행시 가 인식되지 않음 command not f…

WSL2 hot reloading not working

개발환경 이슈 소스 코드 변경시 Next.js hot-reloading이 동작하지 않아서 local server를 껐다가 다시 켜야 함 원인 For those stumbling upon, some notes about WSL2 features & limitations (OS build 19041.21, insiders slow ring): inotify …

200803-200809

👩‍💻 Dev TDD 그리고 리팩터링 요즘 , , 그리고 같은 키워드들에 관심이 많다. 좋은 설계란 무엇일까? 기능 요구사항이 바뀔 때마다 코드의 변경은 최소화 하면서 변경사항에 대응하려면 어떻게 설계해야 할까? (유지보수 관점에서 코드의 확장성과 안정성에 대한 고민) 다른 사람이 이해하고 수정하기 쉬운 코드란? (협업의 관점에서) 그래서 이번주에는 TDD…

No 'Access-Control-Allow-Origin' header is present on the requested resource

문제 상황 Issue Tracker React 프로젝트에서 를 사용하여 백엔드 서버에 POST 요청시 아래와 같은 에러가 발생했다. 에러는 production이 아닌 development 모드에서 발생함 CRA를 사용하지 않고 webpack-dev-server를 사용하여 프로젝트 환경을 커스텀한 상태 webpack-dev-server 설정은 다음과 같다.…

200706-200712

👩‍💻 Dev - 오픈소스 컨트리뷰톤에 지원했다. 그동안 오픈소스에 기여하고 싶다는 막연한 생각만 가지고 있었지 구체적으로 어떤 프로젝트에, 어떤 과정을 통해 기여하면 되는지 몰라서 막막했던 차였는데 좋은 기회인 것 같아 냉큼 지원했다. 모집공고를 지원 마감일 3일 전에 알게돼서 시간이 촉박했다. 참여할 프로젝트를 신중하게 고르고 지원서도 진정성을 담아서 썼…

자바스크립트 Event Loop

☝️ One thing at a time 자바스크립트의 대표적인 특징들 중 하나는 기반의 언어라는 점이다. 즉, 하나의 콜 스택을 사용한다는 것과 같은 맥락이다. 그리고 자바스크립트는 이라는 특징도 가지고 있다.하나의 함수가 실행되면 일단 해당 함수의 실행이 끝나야만 다음 함수를 실행할 수 있다. 이렇게 single-thread 기반 + Run-to-Co…