실리콘밸리 출신 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값)을 지정된 배수로..

CSS (Cascading Style Sheets) UX : user experience UI : user interface chapter1-1 CSS와 프론트엔드 개발 For front-end developer 컴포넌트 기능별로 묶어서 제작 화면의 구성이나 배치 (레이아웃 디자인) 굵은 글씨와 같은 타이포그래피와 색상을 적용하는 일 등 정렬이나 배색에 대한 감각 UX에 대하여 고민해 보고, UX가 잘 적용된 웹이나 앱을 분석해 본 경험 chapter1-2 CSS따라하기 CSS 따라하기 body { margin: 0; padding: 0; background: #fff; color: #4a4a4a; } header, footer { font-size: large; text-align: center; pa..

Chapter1. 조건문truthy와 falsy 가 조건문에서 작동하는 방식을 이해할 수 있다.비교 연산자를 통한 엄격한 비교(=== , !==)에 대해 이해할 수 있다.if 와 else if , else를 이해하고 무리 없이 활용할 수 있다.논리 연산자를 (&&, ||, ! ...) 통해 복잡한 조건을 간결하게 작성할 수 있다.복잡한 조건문을 활용하여, 실생활에서 쉽게 마주하는 문제를 해결하기 위한 알고리즘을 구현할 수 있다.Chapter2. 문자열length 속성을 활용해 문자열의 길이를 확인할 수 있다.두 개 이상의 문자열을 하나의 문자열로 만들 수 있다.slice() 메서드를 활용해 문자열을 원하는 만큼 ‘복사’할 수 있다.영문으로 된 문자열을 대문자 또는 소문자로 바꿀 수 있다.문자열 중 원하는..

Unit 02. 기초 - 변수, 타입, 함수 부족한 부분 검색 후 기록하기  √ Chapter1. 변수 속성 Boolean 논리 요소를 나타내며 true와 false 두 가지의 값을 가질 수 있습니다. Null ->return 하면 object null 하나의 값만 가질 수 있습니다. Undefined 값을 할당하지 않은 변수는 undefined 값을 가집니다. Number ECMAScript는 Number와 BigInt 두 가지의 내장 숫자 타입을 가지고 있습니다√ Chapter2. 타입동치연산자3 === 3 // true3 === '3' // false3 !== '3' // true4 !== 3 // true동치연산자일치 비교 연산자 (===,!==)는두 피연산자의 자료형까지 모두 일치/불일치..