전체 글52 [TIL] 220528 ~ 29 ### 한 일 - cs 공부 - javascript - webgl - 프로젝트 작업 (햄버거 메뉴, 지도 알림말 필터, i18 적용 등) ### 회고 글을 쓰고 싶은 주제가 밀려있는데, 차근하게 풀어나가야 겠다. 주말 동안 갑자기 스케줄이 생겨서 원하는 만큼 학습을 못해서 아쉬웠다. 예전에 유튜브로 올린 학습 자료를 보면서 다시 시작해야 겠다는 생각이 들었다. 2022. 5. 30. next.js 에서 _middleware.ts의 역할과 최근 활용 예시 프로젝트를 진행하면서 특정 페이지에 접근을 했을 때, 예를들어 로그인을 하지 않았을 때 리다이렉트를 해야하는 경우 next.js 에서는 _app.tsx 파일에서 useEffect를 통해서 토큰과 pathname을 기준으로 리다이렉트를 시키곤 했다. 이때 문제는 접근 안 되는 페이지에 url을 입력했을 때 해당 페이지가 잠깐 노출이 되고 리다이렉트를 시키는 문제가 있었는데, _middleware에 설정을 하면 페이지 전환 없이 바로 원하는 페이지로 리다이렉트를 할 수 있었다. (쿠키에는 접근이 가능한데 localStorage에는 접근이 안 되서 헤멘적이 있다) middleware API 란? request를 기반으로 response를 조작하고 구성하는 방법을 더 잘 제어할 수 있게 제공 되는 API 쉽게 .. 2022. 5. 22. TIL 0521 한 일 티스토리 블로그 세팅 cs 공부 리액트 프로젝트 작업 노드 디자인 패턴 정리 회고 최근에 면접 지원서와 면접을 진행하면서 CS에 조금 더 집중해야 겠다는 생각과 개인 블로그 관리를 열심히 해야 겠다는 생각이 들었다. 티스토리 셋업을 하는데 시간이 많이 소요됐다. 나중에 좋은 템플릿으로 교체해야 할 거 같다. 기본에 충실한 개발자가 되고 싶다. 갈 길은 멀지만 꾸준히 그리고 즐겁게 헤쳐나갔으면 좋겠다. 2022. 5. 21. Flux 카툰 안내서 요약 문제점: user interaction이 뷰(view)를 통해서 일어 났기 때문에 가끔씩 뷰가 모델을 업데이트 할 필요가 있었고 의존성(dependency) 때문에 모델이 다른 모델을 업데이트 해야 할 때도 있었음. 아주 많은 다른 변경을 발생시킬 가능성 변경들이 비동기적으로 생길 수 있음 하나의 변경이 다수의 변경들을 일으킬 수 있음 --> action 을 통제하기 힘들다 해결책 : 단방향 데이터 흐름(unidirectional data flow) the action creator 모든 변경사항과 사용자와의 상호작용이 거쳐가야 하는 액션의 생성을 담당하고 있다. 언제든 애플리케이션의 상태를 변경하거나 뷰를 업데이트하고 싶다면 액션을 생성해야만 한다. 일단 액션 생성자가 액션 메시지를 생성한 뒤에는 디스.. 2022. 5. 21. 이전 1 ··· 10 11 12 13 다음
