뒤죽박죽 공책 뒤죽박죽 공책

혼자서 공부를 하다 Node.js를 사용하여 MySQL에 데이터를 넘겨줘야 하는 일이 생겼다. 내가 구현하고자 했던 것은 Like 버튼을 누르면 해당 게시물에 Like에 불빛이 켜지며, MySQL에 어떤 유저가 어떤 글에 좋아요를 한 것인지 저장을 해줘야 한다. 중요한 것은 나는 MySQL을 사용해보지 않았기 때문에 문법이 익숙치 않았다. 그래서 Sequelize를 사용하여 js코드를 MySQL 코드로 바꿔주는 방법을 택했다. 또한 Sequelize도 처음 사용해봐서 오타를 내거나 중요한 것을 빼먹거나 그러한 일이 빈번히 일어났다. 이 글을 작성하게 된 이유도 나의 실수로 인한 분법 오류를 다시 일으키지 않기 위해서이다. Sequelize Sequelize를 간단하게 설명하자면 모델간의 관계를 작성할 때..

무한 스크롤 만약 우리가 어떤 콘텐츠를 감상하고 있는데 스크롤을 계속 아래로 내리는데 추가적인 콘텐츠가 자동으로 생기지 않는다면 매우 불편할 것이다. 그렇다고 처음에 대량의 콘텐츠가 생긴다면 앱이 버벅이거나 초기 로딩이 느릴수도 있다. 그렇기 때문에 일정 범위로 스크롤을 내리면 추가적인 콘텐츠가 계속 생기는 시스템을 추가해줘야 한다. 방법 우리가 일상적으로 보는 화면에서 스크롤을 위치를 알기위해서는 Y축에 관련된 정보가 필요한데 그중에서도 나에게 필요한 정보는 3가지가 있다. 현재 내 스크롤의 위치 화면에 보여지는 화면의 Y축 크기 페이지 전체의 Y축 크기 이렇게 3가지를 출력하기 위해 필요한 함수는 scrollY,clientHeight,scrollHeight이다. 그렇다면 왜 이게 필요한지 알기위해서는..

기존에 사용하는 eslint에 몇가지를 변경해주었다. 그러자 갑자기 에러가 발생하기 시작했다. 나는 공부하면서 문법관련해서 에러가 나서 원인을 찾아보면 결국 오타 혹은 잘못된 문법으로 인해 에러가 발생하곤 했다. 그래서 이러한 과정을 지나고 나면 뭔가 뿌듯하고 뭐라도 해낸것처럼 기분이 좋아지고는 했다. 하지만 외부 라이브러리에서 에러가 발생하는 순간 나는 멘붕에 빠지곤 했다. 그러한 이유는 외부 라이브러리를 사용하는 것도 헷갈리고 어려운데 거기다가 위와같은 에러까지 발생해버리면 나는 어떻게 해야할지 방황하기 시작한다. 이번에도 역시 똑같았다. 하지만 이번에는 나 혼자서 끝까지 찾아보기로 결심을 했다. 발생 기존에 사용하던 eslint파일을 보면 룰도 없었고, import, react,react-hooks..