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

Git : 개발자가 코드를 효율적으로 관리하기 위해서 개발된 "분산형 버전 관리 시스템" Git 기본 용어 Repository: 저장소를 의미하며,저장소는 히스토리, 태그, 소스의 가지치기 혹은 branch에 따라 버전을 저장한다. 저장소를 통해 작업자가 변경한 모든 히스토리를 확인 할 수 있다. Working Tree : 저장소를 어느 한 시점을 바라보는 작업자의 현재 시점. Staging Area : 저장소에 커밋하기 전에 커밋을 준비하는 위치. Commit : 현재 변경된 작업 상태를 점검을 마치면 확정하고 저장소에 저장하는 작업. Head : 현재 작업중인 Branch를 가리킨다. Branch : 가지 또는 분기점을 의미하며, 작업을 할때에 현재 상태를 복사하여 Branch에서 작업을 한 후에 완..

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**); })..

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

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 동치연산자 일치 비교 연산자 (===,!==)는 두 피연산자의 자료형까지 모두 일치..

* 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. 메타인지 학습전략 ★ 성장형 마인드 가지기 고정형 마인드 피드백 후 -> 수정 후 발전 , 모르겠으면 질문하기 공부가 끝난 후 회고쓰기 : 무엇을 알고 모르는지 판단 -> 부족한..