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

6장 웹 1. 브라우저에 대해서 이야기해보겠습니다. 브라우저가 하는 일은 HTML에 적힌대로 정보를 보여주고, CSS에 적힌 대로 디자인을 입혀주며, JavaScript에 적혀있는 그대로 동작합니다. 크롬은 대표적인 브라우저 중 하나로 다운을 받아 설치하여 사용할 수 있습니다. 다만, 여기서 다운을 받아 설치를 해야된다는 것은 어떤 의미가 있을까요? 그것은 바로 크롬이 '애플리케이션'이라는 것입니다. (다른 브라우저들도 마찬가지입니다) 브라우저 버전의 파편화 애플리케이션은 사용하는 사람에 따라서 버전이 다를 수 있고 브라우저 자체도 다를 수 있습니다. 각 브라우저는 서로 다른 애플리케이션이기 때문에 브라우저에 따라 그 안의 구현 방식이 달라 HTML, CSS, JavaScript의 특정 기능이 버전별로 ..

5장 애플리케이션 애플리케이션은 설치해서 사용하는 모든 프로그램입니다. 윈도우에서는 '응용 프로그램(Application Software)'라고 불렀습니다. => 데스크톱에 설치하는 프로그램은 '응용 프로그램', 스마트폰에 설치하는 프로그램은 '앱' 혹은 '어플' 혹은 '애플리케이션'이라고 부르게 되었습니다. 개발자는 '1.0.0'과 같이 개발한 프로그램에 번호를 부여합니다. 오른쪽 끝자리 - 작은 변화를 의미 중간 숫자 - 하위 번전과 호환이 가능하지만 큰 변화를 의미 왼쪽 끝자리 - 하위 버전과 호환이 가능하지 않은 큰 변화를 의미 보통 게임에서 업데이트를 강제하는 경우가 많습니다. 사람들을 조금 귀찮게 해서라도 모든 사람이 같은버전을 사용하게 만들기 위함입니다. 예를 들어, 버전 1.0.0 서비스 ..

제목을 영어로 하면 'what happens when type google'이다. 실제로, 이 문장을 검색을 하면 관련된 깃허브 문서가 나온다. 이번 주제를 정리해보려고 (원문을 보는 습관을 지키기 위해서) 해당 원문도 읽어보려고 시도했지만 용어와 내용이 나에게 버거웠다. CS 지식의 부족함을 느끼고 다른 글을 찾다가, NAVER D2, '최신 브라우저의 내부 살펴보기'라고 구글 개발자가 적어놓은 글을 가져온 내용을 보았는데, 이 글은 설명이 잘 되어 있어서 이해가 될 뻔하다가(?) 이해가 안 되기 시작해서 이것도 포기했다. (CS공부도 꾸준히 빡세게 공부하는 수밖에 없다! 대신, 급하게 생각하지 말자!!) 결국, 다시 돌아와 처음 언급한 'what happens when type google'의 번역글..

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..