104%

https://www.notion.so/simsimjae/14-2-vs-85e2889263ae4c2baa482e18971fb963 아래 글들은 검색엔진 노출을 위한 글입니다. 노션에서 확인하시면 이미지와 함께 정리된 글을 보실수 있습니다. 궁금하신점은 블로그 댓글이나 노션 코멘트를 이용해주세요(@comment) 제가 직접 만든 프로젝트입니다. http://pickvs.com : 닥전닥후 클래스 class TodoModel { constructor(){ //멤버 변수 2개 정의(public) this.todos = []; this.lastChange = null; } //메소드 3개 정의 (public) addToPrivateList(){} add() {} reload(){} } 팩토리 패턴 functio..

https://www.notion.so/simsimjae/14-a118180e1c224db0ad73725f83b5bdbb 아래 글들은 검색엔진 노출을 위한 글입니다. 노션에서 확인하시면 이미지와 함께 정리된 글을 보실수 있습니다. 궁금하신점은 블로그 댓글이나 노션 코멘트를 이용해주세요(@comment) 제가 직접 만든 프로젝트입니다. http://pickvs.com : 닥전닥후 도입부 ES6이전까지 자바스크립트에는 Class라는 키워드가 없었다. 따라서, 객체지향 디자인 패턴을 따라하기 위해서 각자 개발에서 사용하곤 했다. 하지만 ES6에 드디어 도입이 되어서 다른 언어에서 유입되는 개발자들이 좀 더 편하게 개발할 수 있게 되었다. Class라는 키워드는 어떤 추가 기능을 제공하는게 아니라 원래 있었던 ..

https://www.notion.so/simsimjae/13-DOM-27569f529fe74c49b0353277ca0476f0 아래 글들은 검색엔진 노출을 위한 글입니다. 노션에서 확인하시면 이미지와 함께 정리된 글을 보실수 있습니다. 궁금하신점은 블로그 댓글이나 노션 코멘트를 이용해주세요(@comment) 제가 직접 만든 프로젝트입니다. http://pickvs.com : 닥전닥후 돔(DOM) 이란 무엇인가 브라우저는 HTML, CSS를 해석해서 HTML 엘리먼트 하나하나들을 트리 형태로 구조화 해놓는다. 이것을 DOM TREE라고 한다. 이 DOM TREE는 자바스크립트가 웹사이트를 조작하기 위해서 사용하는 객체이다. 쉽게말하면, 우리가 HTML을 작성하면 그건 말그대로 그냥 언어일뿐이고 이것이 브..

https://www.notion.so/simsimjae/12-75345283bf83403ea385b3d471a4bb26 아래 글들은 검색엔진 노출을 위한 글입니다. 노션에서 확인하시면 이미지와 함께 정리된 글을 보실수 있습니다. 궁금하신점은 블로그 댓글이나 노션 코멘트를 이용해주세요(@comment) 제가 직접 만든 프로젝트입니다. http://pickvs.com : 닥전닥후 객체안에 있는 bool변수들의 true/false를 체크하는 가장 좋은 방법은 무엇일까? 예를들어, 다음과 같은 객체 안에 4개의 bool 변수가 있다고 해보자. const myObject = { foo1: false, foo2: true, foo3: false, foo4: true }; 이 상황에서 foo1과 foo3만 fals..

https://www.notion.so/simsimjae/11-V8-JS-a7de64cbdba0434295abe8af6bf89b16 아래 글들은 검색엔진 노출을 위한 글입니다. 노션에서 확인하시면 이미지와 함께 정리된 글을 보실수 있습니다. 궁금하신점은 블로그 댓글이나 노션 코멘트를 이용해주세요(@comment) 제가 직접 만든 프로젝트입니다. http://pickvs.com : 닥전닥후 크롬의 엔진인 V8에 대해서 살펴보자. V8은 구글에서 제공하는 오픈소스 자바스크립트 엔진이다. SpiderMonkey, Rhino, JavaScriptCore등의 다른 엔진들도 있다. 이런 엔진은 자바스크립트를 CPU가 해석할 수 있는 기계어로 번역해주는 역할을 한다. V8엔진은 C++로 작성됬고 Node.js와 Ch..

https://www.notion.so/simsimjae/10-setTimeout-setInterval-b71a02545c8f44e6afcb6b685d675cd3 아래 글들은 검색엔진 노출을 위한 글입니다. 노션에서 확인하시면 이미지와 함께 정리된 글을 보실수 있습니다. 궁금하신점은 블로그 댓글이나 노션 코멘트를 이용해주세요(@comment) 제가 직접 만든 프로젝트입니다. http://pickvs.com : 닥전닥후 setTimeout function sayHi(phrase, who) { alert( phrase + ', ' + who); } setTimeout(sayHi, 1000, "Hello", "John"); //setTimeout(sayHi(), 1000); //sayHi()가 실행되면 und..

https://www.notion.so/simsimjae/9-e61ca697d9eb4094a55267d11cffe399 아래 글들은 검색엔진 노출을 위한 글입니다. 노션에서 확인하시면 이미지와 함께 정리된 글을 보실수 있습니다. 궁금하신점은 블로그 댓글이나 노션 코멘트를 이용해주세요(@comment) 제가 직접 만든 프로젝트입니다. http://pickvs.com : 닥전닥후 Q&A 자바스크립트는 싱글스레드인데, 어떻게 비동기 처리가 가능한거지? 자바스크립트 자체에서 비동기 처리를 하는게 아니라 브라우저의 도움을 받는다. 자바스크립트는 비동기 요청문을 보면 그걸 자기가 실행하는게 아니라 브라우저API를 사용해서 브라우저에게 비동기 처리를 맡겨버린다. 비동기 처리는 브라우저 내부의 자바스크립트 코어 상위단..

https://www.youtube.com/watch?v=AonVqZN95ZA pickvs.com 리팩토링을 하던 도중.. 처음에는 의욕에 넘쳤지만 시간이 가면 갈수록 하기 싫다는 느낌을 받았고 결국에 오늘은 휴일임에도 불구하고 한두시간밖에 작업을 하지 못했다. 그래서 어떻게하면, 동기 부여가 될 수있을까? 뭔가가 지금 내 에너지를 소모하게 만들고 있는걸까? 생각하던 찰나에 유튜브에서 위 강의를 보았다. 스터디코드는 내가 고등학생때도 즐겨 봤었던 영상이었다. 조남호 대표는 정말 말을 잘하는것 같다. 20분짜리 영상을 보고 나면 뭔가 의욕이 생기고 동기부여가 되는데 왜 그런지 설명은 할 수 없다. 위 영상에서 조남호 대표는 고등학생때 2년동안 이를 악물고 공부를 했다고 한다. 특히, 고2 겨울방학떄는 정신..