호기심으로 시작한 Frontend 꾸준함으로 채워나가는 Developer

원시 자료형과 참조 자료형 : 데이터를 저장하는 방식에 따른 분류 원시 자료형과 참조 자료형의 종류 자료형 원시 자료형 (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값)을 지정된 배수로..

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..

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

Unit 02. 기초 - 변수, 타입, 함수 1. 지금 현재, 당신의 기분이나 느낌을 표현해주세요. JavaScript 부터 시작하여 처음에 당황했지만 열정 가득한 첫 날이기에 스케줄에 따라 열심히 공부했다. 첫 날, 시간을 알차게 보내듯 하여 뿌듯하다. 2. 오늘 학습한 내용 중 지금 떠올릴 수 있는 단어를 모두 나열해주세요. 변수, 데이터, 변수의 선언, 변수의 할당, =, 구구단 출력 타입, 속성, 매서드, 비교연산자 자료형 함수, 선언, 호출, 리턴, 매개변수, 전달인자 선언식, 표현식, 화살표 3. '2' 에서 작성한 단어를 가지고, 오늘의 학습 내용을 설명해 보세요. 변수는 변할 수 있는 수 변수를 선언한다 -> 데이터 보관함에 데이터를 넣을 공간 확보하는 것 (같은 공간) 변수를 할당한다 -..

* Programming = Date Prosessing Chapter1. 변수 학습목표 변수 사용은 데이터를 편리하게 저장하고 꺼내 쓰는 것임을 이해한다. 자바스크립트에서 변수의 선언과 값의 할당에 대해서 설명할 수 있다. =가 "같다"라는 의미가 아니라 할당 연산자임을 이해한다. 크롬 개발자 도구의 console 탭을 이용하여 원하는 값을 출력할 수 있다. 변수를 사용하여 보다 효과적으로 구구단을 출력할 수 있다. 1-1 변수 (이름을 의미) 어떤 값(데이터)을 담는 저장소(메모리)의 이름 보관함의 크기는 동일하며 데이터 이용 데이터 이름표 1-2 변수의 선언(declaration)&할당(assignment) '변수를 선언한다.' 데이터 보관함에 데이터를 넣을 공간을 확보하는 것 '변수를 할당한다.'..

💡 생각하는 대로 살지 않으면 사는 대로 생각하게 된다. "One must live the way one thinks or end up thinking the way one has lived" - 폴 발레리(Paul Valery) 부트캠프를 통해 내가 꼭 얻고 싶은 것 1. 끝까지 문제를 해결하고자 하는 마인드와 능력 2. 백엔드와의 협업을 통한 프로젝트 경험 3. 프론트엔드로 취업 나의 다짐 1. 100% 출석하여 수업 참여하기 2. 매일 T-story에 회고하기 3. 평일 + 2h 주말 5h 공부하기 더보기 Chapter1. 메타인지 학습전략 ★ 성장형 마인드 가지기 고정형 마인드 피드백 후 -> 수정 후 발전 , 모르겠으면 질문하기 공부가 끝난 후 회고쓰기 : 무엇을 알고 모르는지 판단 -> 부족한..

코드스테이츠 100% 국비지원 부트캠프 개발자로 커리어 전환을 위한 책임 있는 코딩 교육 기관 IT취업에 특화된 부트캠프 프론트엔드 엔지니어링, 백엔드 엔지니어링, 프로덕트 매니지먼트, 그로스 마케팅, 인공지능(AI), 블록체인, 데브옵스 https://www.codestates.com/ 코딩부트캠프 | 코드스테이츠 - 비전공생도 개발자가 될 수 있습니다 코딩부트캠프를 찾는다면? 개발자로 커리어 전환을 위한 책임있는 코딩 교육 기관! 서비스 기획자, 그로스 마케터, 데이터 사이언티스트 등 다양한 전문 커리어에 도전하세요. 취업 성공의 후기 www.codestates.com