Jeden Tag, aufrichtig und lustig.

> 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주차에는 수업시간에 가끔 집중력이 흐려지고 우주로 가는 문제를 해결해서 더 효과적으로 학습할 수 있도록 ..

IR (Image Replacement) 기술 웹페이지상 사용자입장에서는 볼 수 없지만, 스크린리더나 브라우저를 위해 텍스트를 기재하는 방법이다. 웹접근성 향상과 SEO최적화 하는데 영향을 끼치므로 중요한 개념이다. 이전에는 웹페이지 문서 구조상 필요한 제목이지만, 화면상에는 나타날 필요가 없을 때 아래 속성을 사용했었다. visibility:hidden 하지만 공부해보니 위와 같은 속성은 스크린리더가 읽어주지 않고 무시하기 때문에 웹접근성을 감소시켜 사용해서는 안되는 속성이었다. 위 속성을 대신해서 아래와 같은 코드를 사용 할 수 있다. position: absolute; clip-path: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow..

> 벌써 4주차가 지났다! 여름에 수업을 듣기 시작했는데 이제 가을을 넘어 때때로 초겨울처럼 너무 춥다. 금방 한달이 또 지날테니 시간을 더욱 잘 활용해야겠다. 4주차는 멋사와 멋사 동기들의 따뜻함에 대해 알게 된 한주였고 개인적으로는 많은 일정을 온전히 소화하지 못해서 아쉬웠다. 하지만 그래도 배운것들을 일부 활용하여 과제를 수행하고 git push를 성공하여 살짝 뿌듯함을 느꼈다. 5주차는 책집필, 이력서작성, 과제, 수업 등 5마리 정도의 토끼를 잡아야하니 매시간에 집중하고 회고조 조장님이 추천해주신 공부법과 일정관리 방법을 최대한 활용하는 것이 목표이다! 💛 Fact CSS 지그재그 특강 학습내용 CSS (grid, transition, transform, animation, perspective..