TODAY I LEARNT

그 동안 다시 공부를 시작할 국비 과정도 알아보고,화이자 백신도 맞고 아프단 핑계로 공부를 소홀히 한 것 같다.오늘부터 정신차리고 계획했던 리액트를 기본 개념부터 다시복습해서 하루 빨리 내 스킬로 만들고, TIL을 작성해 보고자 한다.오늘 한 일JavaScript 오브

오늘은 React Basic 강의를 모두 완료하고,Post CSS 모듈화 방법과 Github 및 Netlify 배포 방법을 공부하였다.지금까지 리액트 강의를 통해 styled-components, node-sass오늘 공부한 Post CSS 까지 정말 다양한 활용 방법

오늘 리액트 강의를 보면서 유튜브 프로젝트를 만드는 것을시작해야 하는데 이런저런 일들이 생겨서 진도를 많이 못 뺐다ㅠ내일 완성은 어렵더라도 리스트와 검색 기능까지는 만드는 것이 목표이다.오늘 한 일Youtube Clone 프로젝트 만들기Youtube Clone 프로젝트

오랜만에 리액트 강의를 따라 클론 프로젝트를 만드니 재미를 붙이고 있다.하루 빨리 지금 보고 있는 강의를 끝내고 나만의 프로젝트를 만들어 보고 싶다.오늘 한 일Youtube Clone 프로젝트 만들기비디오 카드 리스트 노출 기능 구현검색 기능 구현 중(...ing)내일

오후에 약속이 있어서 오전에 강의를 빠르게 보고 검색 기능을 마무리하였다.기존에 배웠던 강의에서는 Redux를 활용하여 검색 기능을 구현해 보았는데 이번에는Basic 강의부터 다시 시작하는 단계이다 보니 기능은 구현했지만 완성되지 못한 기분이다.지금 리액트 강의를 다

오늘은 약속이 있어서 쉬려고 했는데 집에 일찍 들어오게 되어서강의를 듣다 보니 어느새 유튜브 클론 프로젝트를 마무리할 수 있었다.아직은 구현해야 할 기능이 많지만, 우선 유튜브 클론 프로젝트를 마무리 짓고,추후 리액트 Basic 강의를 완강하고 조금 더 완성도 있게 다

오늘 드디어 리액트 Basic 강의 마지막 프로젝트를 시작하였다.강의를 들으면서도 아직 기본 개념이나 부족한 점이 많다고 느끼고 있다.단순히 강의에서 알려주는 코드만 쓰는 게 아니라 이해하고 넘어가려 하다 보니,기존에 계획했던 것보다 진도가 늦어지고 있어 마음이 조급해

오늘은 기존에 지원했던 프론트엔드 국비 과정 발표가 있는 날이다.다행히 합격 결과를 받을 수 있었고, 무사히 신청까지 완료할 수 있었다.이제 국비 과정이 시작되면 다시 공부에 빡 집중하고 준비할 것이다.신청하기까지 이것저것 알아보고 준비하느라 리액트 강의를 많이 듣지

어제 프로젝트를 날려보면서 Git 사용법이 많이 부족하다는 것을 깨닫고,Git에 대한 새로운 강의를 결제하고 공부를 시작하였다.아직 강의를 통해 기초적인 것만 배웠지만, 그동안 Git을 사용하면서 commit 으로History 를 남기는 것만 알았지 버전을 어떻게 관리

오늘은 하루종일 React와 Git 강의를 듣고 프로젝트에 적용하면서공부하였는데 소요된 시간에 비해 결과물이 나오지 않아 아쉬움이 많았다.이 또한 먼 훗날 더 나은 개발자가 되기 위한 밑거름이라 생각한다.내일부터는 드디어 프론트엔드 스쿨 과정을 시작하는 날이다.3개월간

오늘은 프론트엔드 스쿨 과정 첫날로 OT도 하고, 공부도 하고 정신이 없었다.코로나로 인해 어쩔 수 없다지만, 온라인 환경에서 단체 수업을 듣는다는 것이정말 쉬운 일이 아닌 것 같다.이 과정을 참여하면서 빠르게 성장하기 위해 수업 시간에는 과정에 집중하고,수업 종료 후

오늘 한 일프론트엔드 스쿨 2일차 수업 듣기 (velog 바로가기)HTML Tag 종류와 사용 시 주의할 점Github GUI 버전 사용 방법vscode Web버전과제 (html 클론 프로젝트)오늘 느낀 것CSS 사용클론 프로젝트를 할 때마다 느끼는 거지만 부트스트랩과

오늘 한 일프론트엔드 스쿨 3일차 수업 듣기 (velog 바로가기)워킹백워즈 방법으로 역량순 포트폴리오 준비html form 태그에 대한 기본 속성 및 동작 방식React 강의 듣기Redux 구조 및 동작 방식 연습BucketList 프로젝트 - 완료 기능 구현오늘 느

오늘 한 일프론트엔드 스쿨 4일차 수업 듣기 (velog 바로가기)CSS 적용 방법RESET CSSCSS selector마크업 언어 공부하기MDN 문서를 통해 수업에서 배운 CSS 내용 복습 강의 및 코딩테스트 문제 풀어 보면서 마크업 언어 공부오늘 느낀 것마크업 언어

오늘 한 일프론트엔드 스쿨 5일차 수업 듣기 (https://velog.io/@kml9003/프론트엔드스쿨-5일차)Position의 종류float 의미와 기본 개념CSS를 활용한 캐릭터 만들기마크 업과 CSS 공부하기CSS 연습하기 (라이언 캐릭터 만들기)코딩

오늘 한 일프론트엔드 스쿨 6일차 수업 듣기 (https://velog.io/@kml9003/프론트엔드스쿨-5일차)Position 개념 복습float 개념 복습flex 의 기본 개념과 사용 방법naver 회원가입 페이지 만들어보기오늘 느낀 것CSS 복습하기오늘

오늘 한 일CSS 강의 듣기CSS 관련 MDN 문서 보기코딩테스트 문제 풀어보기완성 코드 (Github 바로가기)결과 화면오늘 느낀 것코딩 테스트 문제를 풀어보면서 디자이너로부터 시안을 받았다고 가정하고 만들어보니그동안 부트스트랩과 display: flex 에 많이 의

오늘 한 일프론트엔드 스쿨 수업 듣기 (HTML, CSS, 스프린트 회고)CSS 속성 공부하기 (FlexBox, Grid 바로가기)데일리 영어 스피킹 공부하기오늘 느낀 것오늘 수업을 들으며...오늘은 스프린트 회고 특강이 있는 날로 오전 9시부터 오후 9시까지 긴 수업

오늘 한 일CSS 속성 공부하기Hover, Active, Focustransition, transformKeyframe, Animation perspective (원근법)코딩테스트 문제 풀어보기데일리 영어 스피킹 공부하기오늘 느낀 것지금까지는 웹 페이지를 구현하기 위해

오늘 한 일CSS Animation, CSS Media query멋쟁이톡 특강 듣기데일리 영어 스피킹 공부하기2차 코딩테스트 문제 마무리하기 ⬇️⬇️⬇️오늘의 결과물https://kyoo130.github.io/codingtest-markup/3dCarouse

오늘 한 일미디어쿼리 - 반응형 웹 복습1만 시간의 법칙 반응형 웹 구현하기데일리 영어 스피킹 공부하기3차 코딩테스트 문제 풀기오늘 느낀 것오늘 수업은 실습 위주로 진행해서 8시간을 몰두하며 들은 것 같다. 다른 분들이 쓴 코드도 보고, 강사님께서 알려주시는 방법론을

오늘 한 일데일리 영어 스피킹 공부하기재충전하는 시간 갖기오늘 느낀 것힐링 타임수업을 시작하면서 제대로 밖에도 나가지도 않고, 방안에만 갇힌 채공부만 하니 몸도 쑤시고, 정신 상태도 점점 힘들어 가는 게 느껴져서오늘은 온전히 휴식을 하는 날로 시간을 보냈다.오랜만에 밖

오늘 한 일인터랙티브 웹 개발 강의 듣기CSS 변환과 애니메이션 (Transform, Transition, Animation)CSS로 3D 웹 페이지 구현해 보기JavaScript Dom 스크립트 알아보기데일리 영어 스피킹 공부하기결과물keyframes 를 이용한 움직

오늘 한 일FLEX 속성 복습 및 레이아웃 구현데일리 영어 스피킹 공부하기인터랙티브 웹 개발 강의 듣기자바스크립트 이벤트의 기본 동작 및 위임 방법클릭 이벤트를 활용한 예제 웹 페이지 구현해 보기결과물클릭 이벤트 연습 예제 (1) (Page 바로가기)움직이는 캐릭터 마

오늘 한 일Bootstrap 웹 프레임 워크Figma 예제를 보고 로그인 페이지 구현JavaScript 객체와 기본 문법공부한 내용JavaScript 객체와 기본 문법 (GitHub 바로가기)오늘 느낀 것JavaScript 공부를 하며... 최근 JavaScript 기

오늘 한 일조코딩님 특강 듣기데일리 영어 스피킹 공부하기JavaScript 스크롤 다루기결과물스크롤 위치에 따라 오브젝트 조작하기. (Page 바로가기)좌측 상단 캐릭터 스크롤 위치 표시웹에서 30% 이상 위치가 내려갈때 확대 기능 구현오늘 느낀 것특강을 들으며...오

오늘 한 일JavaScript Transition, Animation 이벤트데일리 영어 스피킹 공부하기코딩테스트 문제 풀어보기결과물https://upbeat-mccarthy-8e4a25.netlify.app/타이틀: VendingMachine (코딩테스트 문제

오늘 한 일HTML, CSS을 이용한 로그인 페이지 구현하기JavaScript 타이밍 제어하기setTimeout, setInterval, requestAnimationFrame오늘 느낀 것중간 점검을 하며....자가 평가를 하였을 때, 기초가 부족하다는 것을 깨닫고 이

오늘 한 일재충전하는 시간 갖기인터랙티브 웹 개발 강의 듣기오늘 느낀 것오늘은 오래간만에 친한 동생도 만나며, 쉬어가는 시간을 가졌다.계속 집안에만 있다가 이렇게 밖에 나와서 밥도 먹고 놀고, 사람도만나면서 시간을 보내니 조금이나마 스트레스를 풀 수 있었던 것 같다.그

오늘 한 일인터랙티브 웹 개발 강의 듣기전진! 3D 스크롤 예제 만들기오늘 느낀 것오늘 강의를 모두 마무리하려고 계획했으나, 아직 조금의 진도가 남았다.이번에 새로운 강의를 시작한 목적이 CSS가 부족해서 예제도 많이 풀어보고,여러 강의도 들어보면서 그동안 계속 어려워

오늘 한 일Bootstrap 사용 방법스프린트 회고 특강 듣기인터랙티브 웹 개발 강의 듣기전진! 3D 스크롤 예제 만들기오늘 느낀 것오늘은 수업이 끝난 후 바로 특강이 있어서 몸이 조금 피곤하긴 했지만,오래간만에 팀원들과 줌으로 만나면서 서로가 겪고 있는 고충과 생각을

오늘 한 일tailwind CSS리눅스 명령어 실습HTML_CSS_RWD 강의 듣기구조 디자인(HTML)표현 디자인(CSS)오늘 느낀 것마크업과 CSS는 공부하고, 또 공부해도 알면 알수록 어려운 것 같다.가장 기초적인 내용이라 단순히 화면만 구현할 수 있으면 다 한

오늘 한 일AWS, SASS조은 개발자님 FE 특강HTML_CSS_RWD 강의 듣기코딩테스트 문제 화면 구현하기오늘 느낀 것오늘은 AWS와 SASS에 대한 내용으로 수업이 진행되었는데, 기존에 많이다뤄보지 못해서 익숙하지 않은 문제이겠지만, 내용이 조금 어렵게 느껴졌다

오늘 한 일인터랙티브 웹 개발반응형 디자인(RWD) 강의 듣기오늘 느낀 것아직 CSS 구현 스킬이 부족하다 보니, 수업과 강의를 통해 인터랙티브 웹 개발방법을 공부해 보고 있는데 새로운 내용을 배우니 알아가는 재미를 느끼고 있다.예전에 포트폴리오 대비를 위해 유명 웹

오늘 한 일인터넷의 발명 HistoryJavascript의 기초와 변수오늘 느낀 것오늘은 Javascript 수업 첫 날로 진도를 나가기 전 학생들의 혼돈의 카오스 사태대비를 위해 인터넷의 발명과 인터넷 브라우저 전쟁에 대한 History를 알려주셨다. 개발 공부를 하

오늘 한 일JavaScript 공부하기https://velog.io/@kml9003/JavaScript-기초오늘 느낀 것오늘 드디어 기다리던 JavaScript 온라인 강의가 열리는 날이었다.다시 기초 문법부터 배웠던 내용을 보게 되니 조금 답답한 감이 있었지

오늘 한 일조은 개발자님 QnAJavaScript 공부하기https://velog.io/@kml9003/JavaScript-기초오늘 느낀 것오늘 수업이 끝난 후 조원들과 스터디를 하는 도중 조은 개발자님께서학생들이 공부하면서 어려운 점과 취업에 대한 고민거리를

예전에 팀 프로젝트를 할 때 로그인 페이지를 만들면서도 직접 버튼을 누르지 않고, 키보드에서 Enter를 클릭하여 동작하게끔 구현하는 것도 "왜 안되는 거지?" 고민하며, 한참을 찾아보다가 코드를 인라인에도 넣어도 보고 여러 시도 끝에 결국 해결은 했지만, 이제 와서

프론트엔드 스쿨 25일차 수업 듣기JavaScript 완전 정복 강의 듣기모던 자바스크립트 Deep Dive 책 정독하기

기본 섹션만 63개라 강의를 보고 책도 보면서 복습하고 넘어가려고 하니 계획했던 일정보다는 오래 걸렸지만, 그래도 목표를 이뤘다는 것이 뿌듯하다. 바로 심화 섹션으로 넘어가기보다는 이번에 나간 진도까지 책을 통해 다시 한번 정독해 보고 복습하면서 JavaScript란

기존에 정한 모던 자바스크립트 Deep Dive를 기준으로 스터디가 진행되는데 나는 지난주부터 개인적으로 공부하고 있는 강의가 있어 병행하기가 어려웠다. 하지만, 다행히 조원들이 내 사정을 이해해 주셔서 참여하는 것에 의미를 두고, 스터디란 것을 해보았는데 자바스크립

그래도 같이 공부하는 조원 node 설치 도와주고, 조은 개발자님과 이야기를 나누면서 고민이었던 공부하는 방향에 대해 가이드 라인을 찾은 것 같아 뜻 깊은 시간이었다. 내일은 오늘 못한 공부까지 또 열심히 또 달리자!!!프론트엔드 스쿨 26일차 수업 듣기Jav

그동안 문법 위주의 이론 공부만 하다가 오랜만에 기능을 구현해 보니 역시 나에겐 직접 만들어 보면서 공부하는 게 재미있고 이해가 빠른 것 같다. 진짜 할게 많아서 조금 힘들 수 있겠지만, 기존에 만들었던 프로젝트를 다시 만들어보고, 자바스크립트 공부도 병행하면서 공부

오늘 한 일 프론트엔드 스쿨 수업 듣기 JavaScript 완전정복 강의 듣기 오늘 느낀 것 내용을 작성해 주세요. 내일 할 일 프론트엔드 스쿨 25일차 수업 듣기 JavaScript 완전 정복 강의 듣기 모던 자바스크립트 Deep Dive 책 정독하기

어제 리액트로 프로젝트를 만들어보면서 JavaScript 문법을 공부하고 싶어 오늘은 오전부터 오후까지 내내 '혼공쓰 자바스크립트' 책으로 공부를 해보았다. 지금까지는 강의만 보고, 책을 정독하면서 공부해 본 것은 처음인 것 같은데... 오히려 문법 공부를

지금까지 조건문, 반복문, 함수를 여러 번 보면서 문법 공부를 그렇게 많이 했는데 왜 코딩 테스트 문제를 풀어보면 머릿속이 하얘지고 이렇게 어려워하는지 모르겠다. 자바스크립트 서적 정독이 끝나면, 다음 목표는 코딩 테스트 100제 풀기다! 이론은 실전으로 적용

프론트엔드 스쿨 32일차 수업 듣기JavaScript 문법 공부하기미니 프로젝트 연습해보기주말에 조은 개발자님을 만나 리액트를 공부하고, 여러 많은 얘기를 나누면서 그동안 고민이었던 앞으로의 공부 방향성에 대해 다시 목표를 설계할 수 있었다...

오늘 바닐라 JavaScript 만으로 미니 프로젝트를 만드는 연습을 해보았는데, 처음 `firebase-tools` 를 이용해서 프로젝트를 세팅하는 과정부터 막혔다.

내일부터는 더 이상 미루지 말고, 하나씩 해결해 보자! 마음을 잡아보자. 일단, 목표는 바닐라JS 프로젝트 1개 우선 끝내자 할 수 있다!프론트엔드 스쿨 33일차 수업 듣기JavaScript 문법 공부하기미니 프로젝트 연습해보기

새 그룹원을 만나니 조금 어색하였지만, 앞으로 팀 프로젝트를 위해 개인의 능력치와 현재 어려운 점에 대해 파악이 필요하였기에 얘기하는 시간을 가졌다. 우선, 우리 그룹은 프로젝트를 완벽하게 만들어 나가기 보다 각자 구현할 페이지의 역할 분담을 나누고, 모든 인원이 빠

다행히 기존에 공부한 게 있어 이해하고 진도를 따라가는데 어렵지는 않았다. 그리고 일반 강의에서는 알려주지 않은 현업에서 실제 사용하는 시각화 방법에 대해 배울 수 있었는데 이 개념이 조금 낯설게 다가와 혼동이 있었다. 그래도 다시 코드를 뜯어보고, 카피를 해보니 조

늦은 저녁 시간에는 같이 스터디를 하는 동료가 리액트를 모르는 상태에서 갑작스럽게 NextJS 배워 혼란스러울 것 같아 리액트 기본 문법 사용부터 State 관리하는 방법까지 내가 배웠던 내용을 공유하는 시간을 가졌다. 원래 성향이 어려워하는 동료가 있으면 함께 도와