Jeden Tag, aufrichtig und lustig.

아좌좌

> 12주차부터 14주차에는 리액트에 대해 학습하였고, 15주차부터 프로젝트를 시작하였다. 프로젝트를 본격적으로 시작하기 전, 제주도에 동기들과 함께 다녀왔다! 함께 알고리즘 페어 프로그래밍도 해보고 수업도 함께 듣고 FE의 미래에 대해 의견을 나누며 새로운 인사이트를 얻을 수 있었다. 무엇보다 멘토님, 강사님들께 프로젝트의 방향에 대한 조언도 얻으면서 줌으로만 뵀던 분들을 뵙게 되어 환기가 되었다. 💛 Fact 학습내용 리액트 마무리 파이어베이스 리덕스 프로젝트 시작 ❤️ Feeling 첫 프로젝트라서 잘 해낼 수 있을지 걱정이 된다. 커밋 알람이 커밋을 잊지 않게 해줘서 뿌듯하다. 파이어베이스와 리덕스 이해를 충분히 하지 못해서 어렵다. fork를 활용한 협업 연습을 해보았는데, pull해야 하는 브..

> 7주차부터 11주차는 자바스크립트를 마무리하고 리액트를 새로 배우는 기간이었다. 💛 Fact 학습내용 리액트 시작 (컴포넌트, JSX문법), 초초초기초반 수강(클로저) 1만시간의 법칙 페어프로그래밍 1일 1커밋 세번째로 성공한 주 한달 전부터 혼공자 북스터디,알고리즘 스터디 시작 반편성 시험 DOM 책 집필 완성 ❤️ Feeling 리액트 새로워서 낯설다. 드디어 클로저를 이해했다! 페어프로그래밍 할 때 클래스명 맞추고 협업하는 것이 쉽지 않다. 커밋하는 것을 잊어버릴 때가 있다. 어려운 JS개념을 혼공자책을 통해 이해할 수 있었고, 알고리즘 문제풀이를 통해 메서드나 JS를 활용하는 것을 연습할 수 있었다. 시험문제중 구현문제가 어려웠다. 💜 Finding 다회독이 이해하는데 큰 힘이 되므로 리액트 ..

Sass로 css파일을 컴파일하며 작업하던 도중 레포로 push하려고 했다. 명령어를 입력하려고 했는데 터미널에 입력이 안 돼서 당황했었다. ctrl + c 입력 후 명령어를 무사히 입력할 수 있었는데 그 이유는 ctrl + c가 Sass 감시를 중단시키는 기능을 하였기 때문이다. Sass 활용 중 push하고 싶을 때 ctrl + c를 통해 먼저 감시를 중단시키자!

> 6주차는 JavaScript를 본격적으로 배운 한주였다. 강의를 통해 들어오는 학습량이 많기 때문에 계속 매순간 집중해서 이해해야 한다는 생각을 매초 하게된다! 내용을 빠르게 이해할 수 있도록 딥다이브 책을 통해 보충학습을 할 생각이다. 6주차로 멋쟁이사자처럼 프론트엔드스쿨이 1/3이 지난 시점이 되었다. 1/3 과정을 소화했는지 자가질문을 던져보면 괜히 살짝 눈물이 나며 다른 동기들에 비해 부족한 내모습만 보였다. 하지만 한달 전의 내모습과 비교하면 꽤 성장한 나 자신 또한 발견할 수 있었다. 자기합리화하지말고 시간을 매분 잘 활용하고자 한다! DOM 책 집필에 관해서는 node에 대해 공부하고 2챕터분들에게 파트를 바톤터치한 한주였다. 생각보다 책집필에 시간이 할애되서 개인적인 공부를 할 수 없었..

조건식과 같이 참 / 거짓이 판별되어야 하는 경우 자바스크립트 엔진이 Boolean이 아닌 유형을 암묵적으로 Boolean형으로 변환시킨다. 문제 다음은 자바스크립트 문법 중에서 False로 취급하는 것들 입니다. 앗, False로 취급하지 않는 것이 하나 있네요! True를 찾아주세요. NaN 1 "" 0 undefined 정답은 더보기에 있습니다. 더보기 정답은 '1'입니다. 출처 : JS 100제 https://www.notion.so/JS-100-94d97d294dd14c9b911a02c840fa9f2d Truthy true값으로 암묵적으로 변환되는 값이다. falsy값을 제외한 값 Falsy false값으로 암묵적으로 변환되는 값이다. 0 false undefined null "" (띄어쓰기 없..

삼항연산자는 '조건연산자'라고 불리기도 하며, if문과 비슷하다. 삼항연산자의 형식 조건식 ? true일 때 실행되는 표현식 : false일 때 실행되는 표현식 const coffeePrice = 7500; const message = (coffeePrice>4000) ? '안살래요!' : '하나 주세요!'; console.log(message); // 조건식이 true일 경우 message 변수에 true값을 사용하게 된다. 삼항연산자는 조건식의 참,거짓에 따라 코드실행이 된다는점에서 if문과 비슷하지만, if문과의 차이점은 코드 실행 결과값을 변수의 값으로 사용할 수 있다는 것이다. 삼항연산자의 중첩 삼항연산자를 중첩하여 다양한 경우에 따라 코드를 실행할 수 있다. let coffeePrice = 7..

switch문은 조건문의 한 종류로서 표현식 값에 일치하는 경우의 코드를 실행시킨다. 보통 범위를 가지지 않는 데이터가 10개 이하일때 switch문을 사용한다. let price = 0; let menu = '팥붕어빵'; switch (menu) { case '팥붕어빵': price = 4000; // 값이 일치하는 경우 실행되는 코드 break; // 코드가 실행되는 경우 break를 통해 탈출한다. case '슈크림붕어빵': price = 5000; // 값이 일치하는 경우 실행되는 코드 break; case '초코붕어빵': price = 6000; // 값이 일치하는 경우 실행되는 코드 break; case '매운붕어빵': price = 4500; // 값이 일치하는 경우 실행되는 코드 break..

길이 단위는 CSS 작업을 할 때 중요한 요소 중 하나이다. 유지보수와 연관되어 있기 때문이다. CSS에서 사용할 수 있는 단위는 절대 길이와 상대 길이로 분류 될 수 있다. 절대 길이 단위 : cm, mm, px 등 상대 길이 단위 : em, rem, vw, vh, % 등 절대 길이 단위 ( px 등 ) -> 절대적인 길이 그대로를 화면에 구현하고, 변동되는 값에 부여하는 경우 유지보수가 어렵다. 참고) 대부분 폰트 크기를 지정안했을 때 폰트크기의 기본 값은 16px이다 상대 길이 단위 ( em, rem, vw, vh, % 등 ) -> 가변적인 길이 단위이며 상대적으로 유지보수가 쉽다. 1. em 부모 요소의 폰트 크기가 기준이 된다. hello1 : 20px hello2 : 10px hello3 : ..

> 5주차는 CSS를 마무리하고 JavaScript를 배우기 시작한 커리큘럼상 중요한 주차였다. 그리고 개인적으로 DOM 책을 집필하는 것이 일정 중에 큰 비중을 차지했던 주였다. 전체적으로 바쁜 일정가운데 Tailwind와 노션을 통해 이력서를 작성해보고, 특강에 참여하고 캐릭터 그리기 과제를 제출한 것에 결과물과 상관없이 큰 의의를 두고 싶다! 또한 수업 중간 쉬는시간도 활용하며 책을 집필하는데 최선을 다했다. 챕터1분들 모두 열심히 힘내서 첫 발표를 잘 마무리 할 수 있었다. 매 일정 시간을 타이트하게 잡는 것이 시간을 밀도있게 활용할 수 있고, 나에게 맞는 공부방법도 찾아가고 있는 것 같다. 6주차에는 수업시간에 가끔 집중력이 흐려지고 우주로 가는 문제를 해결해서 더 효과적으로 학습할 수 있도록 ..