고양이와 코딩

1월2일 정수 내림차순으로 배치하기 내 풀이 function solution(n) { const Str_n = n.toString().split('').sort().reverse().join(''); return Number(Str_n); } 1월3일 하샤드 수 내 풀이 function solution(x) { let sum = 0; const str_x = (x + "").split(''); str_x.forEach((value, index) => { sum += parseInt(value); }) return x % sum === 0 ? true : false; } 두 정수 사이의 합 내 풀이 function solution(a, b) { let sum = 0; if (a < b) { for (let..

일반 브라우저 환경에서의 데이터 로딩(API 요청)은 API를 요청 하고, 응답을 받아 리액트 state 혹은 리덕스 스토어에 넣으면 자동으로 데이터를 리렌더링 해주므로 편리합니다! 하지만 서버의 경우 문자열 형태로 렌더링 하는 것이므로 state나 리덕스 스토어의 상태가 바뀐다고 해서 자동으로 리렌더링 되지 않습니다. Redux-thunk를 사용하여 서버 사이드 렌더링 시 데이터 로딩 하는 방법 १✌˚◡˚✌५ 1. 액션 타입 및 액션 크리에이터 정의 // users.js import axios from 'axios'; // 액션 타입 정의 const GET_USERS_PENDING = 'users/GET_USERS_PENDING'; const GET_USERS_SUCCESS = 'users/GET_US..

http-status-codes if(err){ return res.status(400).end() } 지금까지는 에러를 만나면 이런 식으로 status code를 보내줬는데요, 사람은 누구나.. 언제나 실수할 수 있기 때문에 status code가 잘못 전달되서 프론트엔드 단에 혼란을 주기보다는 상태 코드를 변수에 담아서 보내면 좋을 것 같습니다! 이를 위해 npm에서 제공하고 있는 모듈이 있는데요 const {StatusCodes} = require('http-status-codes'); conn.query(sql, values, (err, results) => { if(err){ return res.status(StatusCodes.BAD_REQUEST).end() } res.status(Statu..

벌써 첫 번째 단위기간이 지나고 두 번째 회고를 작성할 만큼 시간이 지났네요. 첫 번째 회고를 작성한 이후로 강의의 난이도도 많이 높아졌고 그에 맞춰 복습하고 따라가야 할 내용도 많아졌다고 생각합니다. 수강하고 코드를 짜면서 여러 이슈가 있었던 만큼 딱 하나의 주제를 정해서 회고를 작성하는 것이 아니라 이번 회고까지 어떤 점이 좋았고, 어떤 점이 문제였고, 또 어떤 시도를 해 봐야 할지에 대해 작성 해 보겠습니다. 먼저 저를 칭찬 해 주고 싶은 점은 수강하며 배웠던 것들, 또 오류가 발생하고 그것을 해결하는 과정, 알고있으면 좋은 개발 관련 지식 등을 꾸준히 블로그에 작성 한 것입니다. 저는 다른 개발 공부를 하는 분들과 마찬가지로 개발 환경을 설정할때 가장 많이 오류를 접하는 것 같은데요, 본격적으로 ..

Express-generator의 구조 1. `bin/www` `bin/www`파일은 서버를 실행하기 위한 진입점(entry point)파일입니다. 주로 포트 설정 및 서버 시작 로직을 담고 있습니다. 2. `node_moduls` `node_modules` 디렉토리는 프로젝트가 의존하는 패키지들이 설치되는 곳입니다. 프로젝트에서 사용되는 모든 라이브러리와 모듈이 포함됩니다. 3.`public` `public` 디렉토리는 정적 파일(images, javascripts, stylesheets ...)이 위치하는 곳입니다. 이 디렉토리의 파일들은 클라이언트에 직접 제공됩니다. 4.`routes` `routes` 디렉토리에는 Express 애플리케이션의 라우팅 로직이 정의된 파일들이 위치합니다. 각 파일은 특..

https://dbdiagram.io/ dbdiagram.io - Database Relationship Diagrams Design Tool dbdiagram.io 이 프로그램을 사용해서 db를 만들어 보려고 합니다 ! 데브코스는 강의도 알차지만, 개발하는데 있어 편리하게 사용할 수 있는 다양한 툴도 많이 배워갈 수 있어서 좋은 것 같아요 ... ( ´･ᴗ･` ) 이렇게 왼쪽에 테이블을 작성하면, 오른쪽에 알아서 생성이 됩니다 ! (신기.. ) 기존에 PUT으로 작성해 두었던 좋아요 관련 명세를, 좋아요 추가는 POST로, 좋아요 취소는 PUT으로 변경 해 주었는데요. Table likes { user_id integer liked_book_id integer } likes 테이블에 좋아요 한 책 id..