React
이번 인센스 출시에 맞춰, 홈 섹션을 인센스 제품에 초점을 맞춰 개편하는 프로젝트를 담당하게 되었다. 새롭게 적용해보는 라이브러리, css가 많아 정리를 해본다. 또 생각보다 디바이스 별 대응하는걸로 애를 먹었는데 이것도 정리를...
패럴랙스 스크롤링(parallax scrolling)에 대해 알아보자
useRef 사용시 발생하는 null 오류 해결과 대응방법(ex: Cannot read property ‘style’ of null)
이번 진행한 프로젝트에선 크게 메인 네브, 콜렉션의 서브콜렉션 네브, 상품 상세페이지에서 메뉴탭에서 스크롤 반응에 따라 height가 조절되는 네브를 가지고 있다. 메인 네브는 height만이 조절되지만 서브콜렉션 네브와 상세페이지의 메뉴탭은 스크롤이 일어날때...
input onChange 이벤트를 딜레이 되게 처리하기
dangerouslySetInnerHTML 사용하기
Git
master브랜치에서 test브랜치를 생성하여 작업하다 master로 merge되길 원하는 상황
CSS
이번 진행한 프로젝트에선 크게 메인 네브, 콜렉션의 서브콜렉션 네브, 상품 상세페이지에서 메뉴탭에서 스크롤 반응에 따라 height가 조절되는 네브를 가지고 있다. 메인 네브는 height만이 조절되지만 서브콜렉션 네브와 상세페이지의 메뉴탭은 스크롤이 일어날때...
Developing Story
많은 개발자 분들이 한 해를 마무리하며 한 해를 어떻게 보냈는지 회고를 작성하는 것 같아 작성해보기로 했다. 매년 한 해를 되돌아 보며 개발자로써 어떤 시간을 보냈는지 되돌아보면 연차가 쌓일 수록 꺼내보기...
useRef 사용시 발생하는 null 오류 해결과 대응방법(ex: Cannot read property ‘style’ of null)
Algorithm
1. Frequency counters(빈도를 세어야하는 문제)
욕심쟁이 방법의 원리(greedy algorithm)
javascript
UX
패럴랙스 스크롤링(parallax scrolling)에 대해 알아보자
JavaScript
변수
컴퓨터는 모든 데이터를 2진수로 받고 메모리에 저장하게 되는데 변수는 값을 저장하기 위해 확보한 메모리 공간 자체 또는 메모리 공간을 식별하기 위해 붙여진 이름이다.
TypeScript
프로젝트에 사용되는 상수를 주로 object 형태나 TypeScript의 enum으로 선언하여 사용하는 것을 선호하였다. enum의 경우 문자열 할당이 가능하여 좀더 명확한 의미를 이해할 수 있고 enum에 들어있는 값만을 사용해야 되기 때문에 개인적으로...
Functional Programming
Never miss a story from us, subscribe to our
newsletter