Jerry

- 오늘 배운 내용들을 학습 후 느낀 점이 있다. 머리로 이해는 했지만, 찝찝한 느낌이 강했다. 공부를 제대로 안 한 느낌이랄까..? 1. Arrow Function (화살표 함수) - call, apply, bind 사용 불가! - this를 결정짓지 않는다! : 개인적으로 축약해서 표현하는 부분이 재미있었다. 본래 함수 식의 모습과는 사뭇 다른, 모습이다. 너무 축약된 표현이다 보니 오해의 소지가 있는 이걸 어디다 쓸까 궁금해졌다. -> 익명 함수로만 사용할 수 있다. -> 호출 시, 함수 표현식을 사용한다. -> 콜백 함수로 사용할 수 있다. source: poiemaweb.com/es6-arrow-function 2. this keyword - 일반 함수의 this는 어떤 객체가 동적으로 결정된다..

1. Immersive Course를 기다리면서 한 것 중 하나로 Ubuntu를 설치하였다. 우분투가 "아주 사람을 들었다 놨다" 한다. 그러던 중 문득 우분투를 사용하면서 불편했던 점을 기록해놓으면 재미있을 거 같아서 기록을 하고 있다. (오늘만 8가지 발견!!) 2. 조금씩 알아가면서 친해지고 싶은 친구가 생겼다. 그 친구는 우툰부.. 최근에 윈도우라 멀어지고 만난 새로운 친구다. 아직 너무 어색하고 불편하지만 점차 가까워지도록 노력할 것이다. 3. 런타임에 대해 알게 되었다. - 런타임이란: 프로그래밍이 돌아가는 환경 즉, 어떤 프로그래밍 언어가 동작할 수 있는 프로그램 (환경 = 프로그램) ex. js 런타임이 브라우저 밖에 없었는데 이제 node.js라는 새로운 런타임이 나왔습니다. 4. nvm..

✏️ 4주 회고록 *나름 열심히 적었는데, Notion에서 작성해서 Tstory로 옮겨보려다가 상태가 걷잡을 수가 없어서 최대한 수정해서 올립니다. UI가 엉망이라 Notion 페이지를 먼저 보시는 것을 권장합니다! ㅠㅠ... 원본은 "현재 이 글을 눌러주시면 되겠습니다. Full pre 07기 (pre-course) 2020년 9월 7일 개강~ 10월 6일 종료 Source: In my head and body experience 더울 때 시작했는데, 쌀쌀해지니 프리 코스 과정이 끝나버렸다. 한 계절이 무심히 지나갔듯이, 프리 코스에서 시간도 무심하게 지나갔다. 다시 돌아간 시간을 잡을 수 없기에, 순간순간에 충실해야 한다는 것을 글을 쓰며 느껴지는 대목이다. 지난 4주, 나름대로 열심히 했다고 나 자..

1. HTML ▶HTML의 구조(틀)를 잘 짜 놓아야 이후 JS로 개발할 때에 더욱 직관적이게 짤 수 있다. ▶HTML 태그는 문서의 틀을 만들기 위한 태그 ex) div, span, img, a, ul, li, text area, input, script 2. CSS HTML 구조에 디자인을 부여하기 위한 도구 CSS를 HTML에 적용하는 3가지 방법 inline HTML 내부에 stylesheet 작성 (style tag 이용) HTML 외부에 stylesheet 작성 (link tag 이용) CSS Selector CSS에서 요소(element)를 선택하는 규칙 여기서 요소(엘리먼트)란, "의미를 갖는 하나의 구조"라는 의미를 지님 Solution1: 각각의 엘리먼트에 고유 id 부여 : '#'을 ..

많이 봤는데 필터를 어떻게 할지 모르겠다. 정리하긴 양이 많아서 리스트만 적어본다. #1. Scope #2. Closure # 처음 본 친구 - Array.from() : 유사 배열 객체(array-like-object)나 반복 가능 객체(iterable object)를 얕게 복사해 새로운 Array 객체를 만든다. developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/from - What the f*ck JavaScript? github.com/denysdovhan/wtfjs - Object.prototype.toString() : 문자열을 반환하는 object의 대표적인 방법 developer.mozilla.org/ko..

꾸준히 하기. 어렵다. 모든 일이 다 그런 거 같다. 어려우니깐 아무나 못 하겠지. #1. Command Line Interface(일명 CLI) - CLI는 GUI(Graphic User Interface)와 다르게 마우스와 각종 UI 컴포넌트 대신, 표준 입출력 시스템(standard I/O)을 통한 입력과 그에 따른 결과를 출력한 형태로 나타납니다. - CLI는 빠르고 강력하며 접근성이 좋다고 합니다. - (*NIX) Linux/Unix 시스템을 깊이 알기 위해 많은 부분을 CLI를 이용해야 합니다. 그 이유로, 서버시점에서 점유율이 매우 높으며, AWS 및 AZURE 등에서 제공하는 서버들 대부분이 *NIX 계열입니다. #1-1 CLI 주요 명령어 - 디렉토리 이동 (홈 디렉터리 : cd~, 루트..

근래, 금, 토, 일 TIL을 못 올렸다. 반성하자. 뭔가 꾸준히 올리는 것은 (지속성) 상당한 집중력과 지구력을 요구한다. 현재 가만히만 있어도 할 일이 부지기수로 쌓이는 상황에서 우선순위에 따라 일을 처리할 수 있는 체력과 냉철함이 뒷받침되어야 한다고 느낀다. 말로는 쉽다. 하기가 어려워서(또는 귀찮아서)가 문제이지. 1. array.slice(begin, end(end 미포함)); 메서드는 원본 데이터 손상을 방지할 수 있다. 얕은 복사본을 새로운 배열 객체로 반환하기 때문에. 원본 배열은 바뀌지 않는다. The slice() method returns a shallow copy of a portion of an array into a new array object selected from star..

4일째다. 새로운 페어의 스타일은 이전 페어와 스타일이 다르지만 배울것 역시 많다. #1. 배열(Array) 배열은 온점(dot)을 이용해서 변수가 가지고 있는 속성에 접근할 수 있다. typeof 를 통해 변수의 type을 알 수 있지만 배열/객체 일 경우, 각각 object라고 나오기 때문에 typeof가 아닌 Array.isArray() 를 이용해야 더 정확한 값을 알 수 있다. #2. 👀|👀 console.table(arr) 를 사용하면 표로 볼 수 있다. 복사에는 얉은 복사(shallow copy)와 깊은 복사(deep copy)로 분류된다. #3. 객체 Dot Notation과 Bracket Notation ex) 객체.city 과 객체['city'] Curly Bracket은 동적 변수를 담..