Develop
-
[2021.01.24] Next.js에서 페이지 뒤로가기 시 이전 페이지 스크롤 위치로 돌아가기개발 블로깅/오늘의 TIL 2021. 1. 24. 14:00
이번에 새로 입사하게 된 기업에서 프로젝트 코드 파악 겸 작은 기능 하나를 구현하는 첫 업무를 맡게 되었는데, 페이지에서 '뒤로 가기' 시 이전 페이지의 스크롤 위치 그대로 유지하도록 하는 기능이었다. 이전에는 무조건 페이지 이동이 생기면 스크롤 최상단으로 이동하도록 되어있었는데, 그러다 보니 상품 리스트가 나열된 페이지에서 어느 정도 하위에 배치된 상품을 클릭한 뒤 '뒤로 가기'를 하면, 스크롤 최상단부터 다시 서치를 해야 되는 문제가 발생하던 것이다. 이를 방지하고자, 이전 페이지로 되돌아가도 최근에 탐색했던 위치부터 이어서 탐색할 수 있도록 하기 위해 이 기능을 구현하게 되었다. 처음 이 기능에 대한 내가 들었던 생각은 이러했다. 1. 이전 페이지를 캐싱 시켜서, 뒤로 가기 시에 캐싱된 페이지와 스..
-
[2020.04.26] Javascript 깊은 복사의 함정... 모르고 사용하다 뒤통수 맞았다...개발 블로깅/오늘의 TIL 2020. 4. 26. 22:32
사이드 프로젝트 진행 중, 내게 엄청나게 스트레스를 안겨준 요소가 있었다. Javascript의 깊은 복사의 함정.. 우선 이 깊은 복사의 함정을 설명하기 위해서, Object 복사의 개념에 대해 간단히 설명을 해보려고 한다. Javascript의 복사 개념 얕은 복사(Shallow copy) 우리가 흔히 알고 있듯이, 객체가 담겨있는 변수를 다른 변수에 할당하면 call by reference (데이터 복사가 아닌 참조)가 일어나게 되어, 한 변수의 데이터를 변경하면 다른 변수의 데이터도 함께 변경이 된다. const person1 = {name:'inyong'}; const person2 = person1; person1.name = 'jung'; // result person2.name // 'ju..
-
[2019.05.11] Express환경에서 mongoDB 사용하기개발 블로깅/Server&DataBase 개념 2019. 5. 11. 09:55
# mongoDB 개념 및 설치, 실행방법 mongoDB의 개념과 설치, 실행 방법은 이전에 블로깅 한 내용이 있어서 링크로 대체! https://helloinyong.tistory.com/42 [2019.03.26] NoSQL MongoDB 기초 MongoDB는 NoSQL의 종류 중 하나이다. NoSQL은 빅데이터 기반의 데이터베이스로, 정해진 칼럼이 아니라 컬렉션에 document가 계속 추가되는 방식이다. # MySQL과의 비교 mysql은 database를 새로 만들어주고 tabl.. helloinyong.tistory.com # express에서 MongoDB 사용법 express 안에서 mongoDB를 사용하기 위해서는 mongoose 모듈을 설치해야 한다. npm i -D mongoose n..