Jerry

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은 동적 변수를 담..

Codestates 3번째 날이다. 페어 프로그래밍을 하면서 많은 것들을 배워서 좋다. 3일동안 좋은 페어를 만나 많은 것을 경험하고 배웠다. 그 페어에게 감사를 표한다. 다음 페어와도 잘 이어나갈 것이다. #1. let anything = true; 일 때, !anything 과 !Boolean(anything)의 차이점 결과는 동일하다. 하지만, 차이가 존재한다. 왼쪽 코드는 자동으로 형변환이 된다. 오른쪽 코드는 개발자의 의도가 더 명확하게 드러난다고 한다. #2. NaN === NaN 은 false 이다. 3 + '1' 과 3 + '4', 각각 NaN을 산출한다. 하지만 두 수를 ===하면 불린값 false로 산출된다. 참고 : https://stackoverflow.com/questions/22..

코드스테이츠와 블로그를 시작한지 이틀날이다. #1. 조건문 기초( Conditional Expression) 어떠한 조건을 판별하는 기준을 만드는 것이라고 한다. 비교 연산자(Comparision Operator)를 자주 만나게 된다. ex. >, =, 단서(Error msg) 확인(확보) -> 분석 로직이 잘못된 경우 -> 가설 성정 -> 가설 검증 유용한 테스트 방법 경우의 수를 정리한다 경우의 수에 대해 하나씩 기대값과 실제값을 비교한다 이것을 유닛테스트라고 부른다. 이런 개발 방법론을 테스트주도개발이라고 부른다.

Today I Learned #0. 코드스테이츠(Code States) Full Pre 07 시작(개강) - September 7, 2020 to January 5, 2021 - slack, shiftee, chrome, zoom 등 알던 툴도 있지만 처음 써보는 툴도 사용하였다. #1. Pair Programming(페어 프로그래밍) - 태어나서 처음으로 pair programming 이란 것을 해봤다. 신선했다. 새로 겪는 경험이라 긴장과 동시에 집중력을 본능적으로 유지 하는 느낌을 받았다. (시간쓩쓩). - 짝에게 내가 아는 것과 모르는 것을 이해시키고 질문하기란 쉽지 않았다. - 답답한 내 말을 이해해주려고 하고 들어주는 상대방에게 신뢰와 존중 표하는 자세를 취해야겠다. - 역지사지, 네 글자를 ..