본문 바로가기

바로가기

전체 글118

[Node.js] : nodemon 설치하기, nodemon 실행 오류 해결 nodemon 을 설치한 계기 - 현재 node.js의 프레임워크중 하나인 express를 사용해서 개인 백엔드 서버를 만들고 있다. 매번 코드 하나 수정하고, node app 타이핑으로 해당 서버를 열었다가, 다시 서버를 나와서 수정하고 다시 서버를 여는 과정이 비효율적이다라는 생각이 들어 코드를 수정하고 저장함과 동시에 서버를 재시작해주는 nodemon에 대해서 알게 되었고, 설치하게 되었다. 설치 방법 1. npm (node package manager)을 이용해 nodemon 설치 npm install -g nodemon // -g 는 --global의 약자로 전역에 설치함을 의미 // -g를 생략하고 설치해도 무방. 2. 설치가 완료되면 현재 작업진행중인 폴더의 package.json 파일에서 .. 2023. 6. 15.

[JavaScript] : TypeError: Converting circular structure to JSON 오류해결 // 동기와 비동기 동기 : 현재의 순서가 실행되고 종료된 후에 다음 실행이 이뤄진다. 예시 놀이기구 : 열차 하나에 승객을 태우고 출발하면 다음 승객은 앞의 열차가 운행을 마치고 들어와서 승객들이 내려야만 탑승이 가능하다. 그래서 동기적이다. 비동기 : 실행되는 순서와 상관없이 먼저 처리된 순서대로 결과값이 출력된다. 예시 맛집 : 들어가는 순서는 선착순인 순서대로 들어가지만 나오는 순서는 식사를 빨리 마친 순서대로 나오기 때문에 비동기 적이다. 실현 시키고자 하는 기능 API를 통해서 해당 URI로 접근하여 DB에 저장되어 있는 데이터를 조회하는 Read의 기능을 구현시키고자 한다. 오류 발견 router.get('/posts', (req, res) => { const posts = Posts.fin.. 2023. 6. 14.

[Programmers] : 백준허브와 코딩테스트 결과 github 레퍼지토리 연동 방법. (Allow-CORS 설정방법) https://github.com/Yooonzero/Programmers-JavaScript-coding-test GitHub - Yooonzero/Programmers-JavaScript-coding-test: 프로그래머스 코딩테스트 결과를 연동시킬 레퍼지토리 프로그래머스 코딩테스트 결과를 연동시킬 레퍼지토리 입니다. Contribute to Yooonzero/Programmers-JavaScript-coding-test development by creating an account on GitHub. github.com 백준허브 백준 또는 프로그래머스 코딩테스트를 진행하고 진행한 결과물을 자동으로 github에 커밋해주는 프로그램이 바로 백준허브다. 백준허브는 내가 푼 문제가 정답일 경우 해당 코드뿐.. 2023. 6. 12.

[WIL / KPTF] : 4주차 바닐라 자바스크립트 팀 프로젝트 기능 구현. https://github.com/Yooonzero/2-team-project-movie-detail-page GitHub - Yooonzero/2-team-project-movie-detail-page: 2. 팀과제-개인페이지에서 영화를 클릭하면 상세페이지 2. 팀과제-개인페이지에서 영화를 클릭하면 상세페이지로 이어지는 기능(댓글 추가,수정,삭제 기능) - GitHub - Yooonzero/2-team-project-movie-detail-page: 2. 팀과제-개인페이지에서 영화를 클릭하면 상세페 github.com 이번주 내가 한 일 바닐라 자바스크립트로, 영화 리스트 및 조회 구현하기. 바닐라 자바스크립트로, 영화 상세페이지 및 댓글기능 구현하기. Keep 모르는 부분은 최대한 오류부분을 복사해서.. 2023. 6. 10.

[JavaScript] : 단축속성명, 전개구문, 나머지 매개변수, 템플릿 리터럴. 단축속성명 property shorthand // 예시 const name = 'song'; // name 이라는 변수에 'song'을 할당하고; const age = 28; // age 라는 변수에는 28을 할당했을 때, const obj = { name:name // 위에 할당한 변수를 value 자리에 넣어줌. age:age // 위에 할당한 변수를 value 자리에 넣어줌. }; // 라고 obj에 값을 할당하면, console.log(obj); // 콘솔로 찍었을 때, //출력값 { name: 'song', age: 28 } // 이와 같이 출력이 된다. 위는 객체의 성질에서, key-value의 pair로 이루어진 객체의 value 자리에는 함수도 들어갈 수 있고, 변수도 들어갈 수 있으며, .. 2023. 6. 9.

[JavaScript] : 구조분해 할당 [배열], {객체}, 새로운 값으로의 할당. 구조분해 할당이란? ES6문법이 생겨난 이후에 등장한 문법 // 구조분해할당 (destructuring) (de + structure + ing) // de = not // structure = 구조 구조를 분해해서 [배열] 혹은 {객체} 하나하나의 요소들을 변수들에 할당해주는 것. 배열에서의 구조분해할당 [] : 순서가 중요 기본개념 예시 var arr = [1, "finger"]; // arr라는 배열이 첫번째 요소는 1이라는 숫자를 가지고 있고, 두번째 요소는 "finger"라는 문자열을 가지고 있다. var[a, b] = arr; // []배열모양으로 감싼 a와 b에 arr를 할당한다면?? // 다음과 같은 변수 선언 및 할당이 된다. var a = 1, var b = "finger" var ar.. 2023. 6. 8.

이전 1 ··· 13 14 15 16 17 18 19 20 다음

티스토리툴바