Jerry

가끔씩 제목과 같은 명령어를 쓰게 되는데 무심코 지나쳤다. 이번에는 '-y 같은 옵션의 의미'가 너무 궁금해 지나칠 수 없었다. npm init -y 는 우리가 package.json을 만들기 위해서 npm init 이라는 명령어를 사용하는데 그런 경우에 사용할 수 있다. 보통 npm init만 입력하면 npm project에 대한 기본 양식(아래 이미지처럼)을 일일이 정해줘야 하는데 '-y'라는 속성을 이용하면 default값으로 설정된 package.json을 만들겠다라는 의미다. 그말을 즉, 한 방에 package.json이 만들어진다는 것이다. 참고로, -y의 의미는 "yes"라고 한다. 출처 | https://www.dailysmarty.com/posts/npm-init-y-explanation

Reference 1 메서드는 클래스에 속한 함수다. 자바스크립트에선 메서드는 객체에 속한 함수다. 자바스크립트 안에서 모든 것은 객체다. 함수도 객체다. src https://dev.to/tiffany/what-is-the-difference-between-a-function-and-a-method-in-javascript-3mkj Reference 2 무엇을 표현하고 싶은가에 따라 다르고 시멘틱 하다. 자바스크립트에서는 모든 함수가 객체다. 객체는 키:값의 집합체이다. 만약, 값이 원시 값(Number, String, Boolean)이나 다른 객체라면, 값은 속성으로 볼 수 있다. 만약 값이 함수라면, 이것을 메서드라고 부른다. 보통, "객체에서 OO 메서드를 사용할 거야" 든 지 "이 OO 메서드는..

Index 들어가는 말 브라우저의 주요 기능 브라우저의 기본 구조 렌더링 엔진 파싱과 DOM 트리 구축 HTML 파서와 DTD, DOM 파싱 알고리즘: 토큰 알고리즘 & 트리 구축 알고리즘 파싱이 끝난 이후의 동작 css 파싱 배치 그리기 마치는 말 출처 들어가는 말 브라우저는 어떻게 동작하는지 적어보려고 한다. 내가 검색창에 '브라우저 동작원리'라고 검색해보면 아래 첨부한 페이지가 나오거나 첨부한 페이지를 토대로 쓴 블로그 글이 나온다. 다른 관련 글도 있지만 첨부한 이 글이 가장 많이 인용이 되었고 코드스테이츠에서도 보라고 했던 페이지로서 이번 기회에 정리해보려고 한다. 참고로, 네이버에서 원본을 번역한 글이다. 웬만하면 영어 버전으로 읽어보려고 하는데 번역본 자체의 길이가 있고 익숙하지 않은 용어가..

A fork is a copy of a repository. Forking a repository allows you to freely experiment with changes without affecting the original project. fork는 레포지토리(저장소)의 복사본이다. fork를 이용하여 원본에 영향을 주지 않고 자유롭게 작업할 수 있다. 출처: docs.github.com/en/github/getting-started-with-github/fork-a-repo Fork a repo - GitHub Docs A fork is a copy of a repository. Forking a repository allows you to freely experiment with chang..

제목에서 보이는 바와 같이 난 단지 HTTP Method 혹은 HTTP Verb라고 부르는 것들을 정리할 필요성을 느끼게 되어서 이 글을 쓰게 되었다. 간단한 게 각 메서드가 무엇인지 정리하려고 생각했지만 찾아볼수록 모르는 것들이 쏟아져 너무 방대하게는 하기에 글 쓰는 목적성이 떨어질 것 같고 개인적인 시간 제약도 있기에 그 안에서 최대한 정리를 해보려고 한다. 정리해볼 내용으로는 제목과 같이 저 메서드들이 무엇이며 원리가 무엇인지 알아볼 것이다. 이에 앞서서 CRUD와 REST API란 개념도 집고 넘어가 볼 내용이 있어 평소보다 길이가 있다. 그러므로, 시작하기에 앞서 스트레칭하거나 커피나 물 한 잔 마시고 나서 읽어보는 것도 좋을 거 같다. 먼저, CRUD란 용어에 대해 살펴보고 가야한다. In c..

이 express를 사용하면서, 위 세 가지 개념이 헷갈려서 공식 문서를 참고하여 적어보았다. 1. res.end([data] [, encoding]) Ends the response process. This method actually comes from Node core, specifically the response.end() method of http.ServerResponse. Use to quickly end the response without any data. If you need to respond with data, instead use methods such as res.send() and res.json(). res.end() res.status(404).end() 요약: 이 메서드..

스프린트 과제를 하던 도중, 내가 하고 싶었던 것은, 원하는 id 태그 하위에 있는 자식을 지우고 싶었다. 처음 childNode로 지우려고 했는데, 테스트가 통과가 안 되어서, 이상하다 싶어 이번에는 children으로 바꿔 시도해보았더니, 이번에 통과가 되는 것이다! 그 이유를 살펴보니, . children은 엘리먼트(요소)의 속성이지만, . childNodes는 노드의 속성이어서 안 되었던 것이다. 예를 들어, let element = document.createElement("div"); element.textContent = "foo"; element.childNodes.length === 1; element.children.length === 0; 위 코드를 콘솔에 찍어보자! 대략적으로 설명했..

상대 경로와 절대 경로 의미가 헷갈려서 간단하게 정리해보려고 한다. 컴퓨터(OS)는 무조건 절대 경로로 파일을 읽는다고 한다. (아니 이 방법밖에 없다고 한다) 절대 경로는 루트(최상단 디렉터리)부터 그 파일이 있는 경로까지 모두 나타낸다. ex) /home/juicyjerry/Desktop/Desktop/CODINGTEST_PRACTICE/CODINGTEST_PRACTICE 상대 경로는 간단하게 파일명만 적으면 될 거 같지만.. 결론적으로 먼저 이야기하면, 상대 경로는 기준 경로를 기준으로 절대 경로가 구성되며, 상대 경로로 파일 위치를 찾을 수 있는 이유가 기준 경로가 절대 경로로 변환하여 OS에게 전달하기 때문이라고 한다. 그래서, 현재 디렉토리를 기준으로 작성된 경로까지를 나타낸다. .: 현재 파..