본문 바로가기

전체 글

(112)
취업 준비와 지금 하는 것. 날짜 : 2018. 03. 17(토) 취업 준비와 지금 하는 것. 한줄정리 구체적으로 무엇을 할 것인지와, 예상기간(목표기간)이 정확해야 결과물에 최대한 근접을 할 수 있다. 현재의 부족한 점이라 느끼는 부분은 앞으로도 느끼게 되는 부분 일 수 있으니, 클리어를 해야 한다. 내용 생각을 하게 된 계기 현재는 학습이 아닌 채용을 진행하고 있는 상태에서 무엇을 해왔는지 정리해야 할 필요가 있었다.똑같은 내용을 공부하는 것을 방지 하기 위함.앞으로 무엇을 해야 하는지, 어떤 기준으로 선택을 해야 하는지에 대한 생각. ​ (17년도) 현재까지 준비해온 것들에서 아쉬운 점 교육기관 이수프리랜스 외주작업 수행하반기 공채 지원 및 면접개인프로젝트 작업 진행 2-1 교육기관 이수 - 이전에 작성한 이와 관련된 글 - ..
어떻게 라이브러리를 접근해야 할까? 날짜 : 2018. 03. 03(토) 어떻게 라이브러리를 접근해야 할까? 한줄정리 시작은 쉬우나 끝이 보이지 않는다. 내용 생각을 하게 된 계기 우연한 기회에 vue.js를 사용할 기회가 왔었다. 첫인상을 정리하며, 라이브러리 (프레임워크 포함)에 접근하는 방법에 대해서 생각해 보게 되었다. ​ 이전 까지 라이브러리를 사용(공부)하는 방식 한글로 된 블로그 글을 찾는다. 한개씩 다 따라해 본다. 필요한 기능을 다시 한글로된 블로그를 찾는다. 한글로 된 블로그가 없는 경우 영어로 검색을 한다. ​ 느끼게 된 문제점 컨셉(혹은 기본기능)에 대한 이해가 부족하게 되어 다시 검색하는 과정을 반복한다. 블로그 글들에서는 저마다 라이브러리를 사용 및 호출 하는 방식이 다르다. (버젼의 문제 및 코딩스타일의 문제) ..
callback 함수는 callback 함수다. (callback 함수는 비동기가 아니다.(2)) 날짜 : 2018. 02. 20(화) callback 함수는 callback 함수다. (callback 함수는 비동기가 아니다.(2)) 이전글에서 정리한 것과는 다른 시각에서 정리를 해보았습니다. 한줄정리 callback은 synchronous 한것도 있으며 asynchronous 한것도 있다. 사용하는 함수의 공식문서를 잘 읽어 보아야 한다. 내용 생각을 하게 된 계기 이전 글에서 정리한 내용이 머리에 남아 있지 않았다. callback은 비동기 함수 인것 같다;;;;;;; Array.prototype.forEach( callback1 ) 와 setInterval(callback2, delay)는 다르게 동작한다;;;;; callback 함수의 의미 In computer programming, a ca..
getElementsByClassName와 querySelectorAll의 차이점 20180219 날짜 : 2018. 02. 19(월) getElementsByClassName와 querySelectorAll의 차이점 여기에서는 리턴값의 형태가 어떻게 다른지를 보겠습니다. 요즘에는 위의 2구문 모두 안 사용하기 때문에 그냥 참고만 하시면 되겠습니다. 한줄정리 Collection중 live한 값은 변경을 한경우 현재 사용하고 있는 값 일지라도 즉시 반영 된다. 내용 생각을 하게 된 계기 querySelectorAll의 문서에서 non-live라는 말이 나오는데 무슨 의미 인지 알수가 없다. 각 함수의 차이 getElementsByClassName는 HTMLCOllection를 리턴한다. querySelectorAll은 NodeList를 리턴한다. 각 리턴값의 차이 HTMLCOllecti..
현재까지 블로그 글 관리에 대한 고민 20180212 날짜 : 2018. 02. 12(월) 현재까지 블로그 글 관리에 대한 고민 한줄정리 현재 나열된 내용에 대해서 내가 다시 사용하기도 힘이들고, 수정을 하기도 힘이 든다. 대책이 필요한 때이다. 내용 생각을 하게 된 계기 블로그에 1주에 1~2개 정도는 글을 작성을 한다. 어느정도 습관이 들고 나니 내가 작성한 글에 대해서 책임이 있어야 한다는 생각이 들었다. 컨텐츠의 정확성과 그 정확성을 뒷바침하는 근거가 필요하다는 생각이다. 현재 블로그 운영에 대해 판단한 문제점 카테고리화가 되어 있지 않다. => 어떤 글을 작성했는지 리스트화가 쉽지 않다. 컨텐츠 작성의 비 일관성 => 진행하는 프로젝트 및 공부에 대해 작성을 하다보니 그때 그때 발생하는 문제만을 일관성 없이 작성을 하게 된다. 작성..
자바스크립트로 상속의 상속(다중상속) 날짜 : 2018. 02. 08.(목) 자바스크립트로 상속의 상속(다중상속) 전체개요 생각하게 된 동기 class를 사용하여 만들기 Object메소드를 이용하여 만들기 생성자 함수를 이용하여 만들기 생각하게 된 점 참고자료 간단요약 각 함수별 사용방법 및 상황이 있는데, 이를 무시하고 사용하면 (예를 들어 생성자 함수로 class 기능처럼 사용하기) 손발이 고생한다. (안되는 것은 아니다.) 본문 생각하게 된 동기 ES5만을 사용하고 있는 상황에서 다중 상속이 가능한지 궁금하였다. ES6의 class를 사용하면 쉽다는 이야기를 들었다. (JAVA와 비슷하니…) ES6의 사용목적, 나오게된 배경, 장점을 체험해 보고 싶었다. 흐름제어 : 조건문, 반복문, 함수 값 저장 방식 class를 사용하여 만들기 코..
자바스크립트 개념 정리 1 20180204 날짜 : 2018. 02. 04.(일) 현재까지 이해한 자바스크립트 내용 정리 (내용중 다른 부분이 있다면 아래에 댓글을 달아주세요.) 전체개요 C-type 언어 자바스크립트 상속 (prototype) 자바스크립트 프로그램 실행 (execution context) 간단요약 C-type언어 구성항목 식(expression) : 1개의 결과값 도출 문(statement) : ; {} 으로 표현된 명령어의 집합 값(value) : 6개의 원시값, 1개의 객체로 구성. 흐름제어 : 조건문, 반복문, 함수 값 저장 방식 원시값(primitive type) : immutable, pass-to-value 객체값(object type): mutable, pass-to-reference 자바스크립트 상..
bind와 화살표함수로 this의 남은부분 이해하기 20180202 날짜 : 2018. 02. 02.(금) bind와 화살표함수로 this의 남은부분 이해하기 들어가기에 앞서 이 포스트는 하단에 있는 링크의 글들을 읽고 정리한 글 입니다. 제 실력이 부족하여 도움이 못 될 경우에는 아래의 링크를 참고해 주시기 바랍니다. 본문 이글을 작성하게 된 동기 어제 글에서 하지 못한 나머지 부분을 이야기 하기 위해. (bind를 잘 사용하고 싶다.) 새로나오는 용어 Function.prototype.bind 화살표함수(arrow function) 개념 bind란. execution context를 바꾸어 주는 기능. Function.prototype의 상속을 받아서 모든 함수뒤에 bind를 사용할 수 있다. argument 값으로 바꾸어 주고 싶은 this의 값과,..