- 기술 정리
Next.js 렌더링 방식 네 가지(CSR, SSR, SSG, ISR)와 Hydration 톺아보기
주 1회 진행하는 ASAP 스터디에서 렌더링을 주제로 공부하다 정리한 내용입니다.
- 기술 정리
Failed to load module script 에러 해결한 방법
Vanilla JS로 프로젝트를 진행하던 중 익숙한 에러 메시지를 다시 마주쳤습니다.
- 기술 정리
React Conext 톺아보기
오늘 React Context를 톺아보려는 이유는 많은 기업에서 React를 사용하면서 Props 전달이 필요한 상황에서 Context를 적극 활용하고 있다는 생각이 들어서입니다.
- 기술 정리
브라우저 언어와 크로스 브라우징
최근 사내 프로젝트 개발 중 국내 사용자에게만 가격 정보를 가리는 기능을 구현할 일이 있었습니다.
- 기술 정리
자바스크립트의 이벤트 루프(Event Loop)란?
먼저 이벤트 루프(Event Loop)에 대해서 알기 전에 JavaScipt의 특징인 Single Thread(싱글 스레드)에 대해서 알아보겠습니다.
- 기술 정리
Next.Js useRouter push or replace
먼저 useEffect()를 통해서 user의 정보를 가져와서 관리하는 hook을 생성 중에 유용한 사실을 알게 되어 기록하게 되었습니다.
- 기술 정리
Chrome에서 JSON Data 예쁘게 확인하는 법
NextJS에서 API Call을 했을 때 JSON Data가 정렬되어 있기를 원해서 Crome 도구를 찾아보게 되었습니다.
- 기술 정리
날짜 형식을 쉽게 변경할 수 있는 정규식
코드를 작성 도중 백엔드에서 넘어오는 날짜 데이터의 형식이 date : '20231228' 이런 형식인데 '2023-12-28' 다음과 같은 형식으로 만들고 싶던 도중 싶게 만들 수 있는 방법을 알…
- 기술 정리
tailWind CSS darkMode 적용
먼저 darkMode를 브라우저의 설정대로 적용할 것인지 사용자가 임의로 버튼을 만들어서 class상태를 통해 적용할 것인지를 정해야 합니다.
- 기술 정리
Number vs number in TypeScript
위와 같이 오류가 발생해서 Number와 number에 차이점에 대해서 검색하게 되었다.
- 기술 정리
mui TextField가 type : number일 경우 화살표 제거
mui TextField가 type : number일 경우 화살표 제거
- 기술 정리
블랙박스 테스트(Black Box Testing), 화이트 박스 테스트(White Box Testing)
이 접근 방법에서 테스터는 소포트웨어의 입력과 출력을 검사하며, 소프트웨어가 기대된 대로 작동하는지 확인합니다.
- 기술 정리
Axios with Credentials and React Infinity scroll
오늘은 유용한 정보를 알게 되어서 기록할까 합니다.
- 기술 정리
custom react-DatePicker with styled-component
오늘은 실무에서 DatePicker를 사용할 일이 생겼다.
- 기술 정리
비밀번호 암호화 with crypto-js
실무에서 회원을 생성할 때 비밀번호를 백엔드 측에서 암호화해서 보내달라고 요청을 해서 선임에게 여쭤보았더니 우리 회사는 crypto-js를 활용해서 암호를 해쉬화 해서 넘겨준다고 들어서 집에 와서…
- 기술 정리
Zustand를 통한 상태 관리
현재까지 사용한 상태관리는 Redux-Toolkit이 전부였는데 실무에서 선임 분이 해당 프로젝트에서는 전역 상태 관리를 Zustand를 사용하셨다고 말씀하셔서 Zustand를 접하게 되었는데 무지…
- 기술 정리
Grid 복습
오늘의 아침 업무는 나뉜 버튼을 중앙정렬 하기 위해선 grid를 사용할 수밖에 없었다.
- 기술 정리
기존의 useState를 useReducer로 변경
기존에는 useState hook을 활용해서 로그인이나 회원가입할 때 입력 된 정보를 관리했었는데 실무에서 배운 useReducer방식에 대해서 작성해 볼까 합니다.
- 기술 정리
효율적인 이벤트 관리
갑자기 운동을 하다가 효율적인 이벤트 관리에 대해서 생각해 보고 코드를 작성하게 되었다.
- 기술 정리
Closures - 클로저
클로저란? 내부 함수에서 외부 함수에 맥락에 접근할 수 있는 권한입니다.
