Koans JS 02. Types-part1 expect의 전달인자로 들어간 표현식의 평가(evaluation) 결과를 예측해 봅니다. it('expect의 전달인자로 들어간 표현식의 평가(evaluation) 결과를 예측해 봅니다.', function () { expect(1 + '1').to.equal('11'); }); it('expect의 전달인자로 들어간 표현식의 평가(evaluation) 결과를 예측해 봅니다.', function () { expect(123 - '1').to.equal(122); }); it('expect의 전달인자로 들어간 표현식의 평가(evaluation) 결과를 예측해 봅니다.', function () { expect(1 + true).to.equal(**2**); })..

Chapter1. 원시 자료형과 참조 자료형 원시 자료형(primitive data type)과 참조 자료형(reference data type)의 구분이 왜 필요한지에 대해서 영상을 보고 이해할 수 있다. 원시 자료형과 참조 자료형의 차이를 이해하고, 각자 맞는 상황에서 사용할 수 있다. 원시 자료형이 할당될 때는 변수에 값(value) 자체가 담기고, 참조 자료형이 할당될 때는 보관함의 주소(reference)가 담긴다는 개념을 코드로 설명할 수 있다. 참조 자료형은 기존에 고정된 크기의 보관함이 아니라, 동적으로 크기가 변하는 특별한 보관함을 사용한다는 것을 이해할 수 있다. Chapter2. 스코프 스코프의 의미와 적용 범위를 이해한다. 스코프의 주요 규칙을 이해한다. 전역 스코프와 지역 스코프의..

원시 자료형과 참조 자료형 : 데이터를 저장하는 방식에 따른 분류 원시 자료형과 참조 자료형의 종류 자료형 원시 자료형 (primitive type) 참조 자료형 (reference data type) 종류 number , string, boolean, null, undefined 배열, 객체, 함수 원시 자료형과 참조 자료형의 특징 원시 자료형 (원시 타입 데이터, primitive type) 하나의 변수에는 하나의 데이터만 담고 있다. 값 자체에 대한 변경이 불가능 하지만, 변수에 다른 데이터를 할당할 수는 있다. 참조 자료형 (참조 타입 데이터, reference data type) 값을 저장하는 대신 데이터가 담긴 저장소의 주소를 저장하는 것 heap 이라고 부르는 별도의 데이터 보관함에 저장되고..

실리콘밸리 출신 CEO가 운영하는 옥소폴리틱스 에 입사한 코드스테이츠 선배님 ◦ 선배는 개발 블로그를 어떻게 쓰고 있을까? ◦ 실리콘밸리의 조직문화가 국내에 들어오면 어떤 모습일까? ◦ 어떻게 코드스테이츠 수료 선배 6명이나 입사하였을까?(히스토리 궁금🧐) ◦ 선배만의 학습 꿀팁, 구직활동 꿀팁은 무엇일까? 등등 좋은 글이란? 자신만의 고민이 담긴 글 직접 경험하고 쓰는 글 어떤 글을 올리나요? - 학습 중에 공부한 내용을 Notion 에 정리 → 선별하여 블로그에 올리기 - 프로젝트 경험 - 왜? 라는 질문을 깊이 하여 남긴 글 - 부딪히는 문제를 어떻게 해결했는지 - 실패한 경험하며 무엇을 느끼고 이후에 어떻게 했는지 - 입사 후, '내가 만난 사람들' 주제로 업무하며 만난 사람 또는 참여했던 강연 ..

Chapter1. CSS 기초 CSS의 사용 목적을 이해한다. CSS의 기본 문법과 구조를 이해한다. CSS를 HTML에 적용하는 방법에 대해서 이해한다. HTML 안에 CSS를 직접 정의하는 것을 권장하지 않는 이유를 이해한다. CSS를 이용해 텍스트를 꾸밀 수 있다. CSS에서 쓰이는 단위를 기억하고, 각 단위가 적합한 경우를 구분할 수 있다. MDN 또는 w3school 등의 레퍼런스 사이트를 이용해 CSS 속성을 검색하고 이용할 수 있다. Chapter2. 박스모델 CSS 박스 모델을 이해할 수 있다. 박스를 구성하는 네 가지 요소를 구분하고 각각에 대해 설명할 수 있다. margin, border, padding, content 박스 크기를 측정하는 두 가지 기준의 차이를 이해할 수 있다. Ch..

글꼴 사이즈를 정할 때, 절대 단위 (px, pt)와 상대단위 (%, em, rem, ch, vw, vh등) 정한다. em과 rem 의 공통점 CSS의 font-size 속성 값에 비례해서 결정되는 상대 단위 차이점 html 요소의 font-size 속성 값이 16px 이라고 가정 html { font-size: 16px; } em 최상위 요소의 기준이 되는 값(html태그의 font-size값)을 지정된 배수로 변환해 표현한 크기 div { font-size: 20px; width: 10rem; /* 160px*/ } rem은 html 요소의 font size가 16px 이기에 16px*10(width)= 160px rem 현재 요소의 기준이 되는 값(html태그의 font-size값)을 지정된 배수로..