Today I Learned

TIL(Today I Learned) 시작 👩‍💻 오늘 한 일 • 스타벅스 예제 💭 📆

👩‍💻 오늘 한 일• git/github 강의 수강» git사용을 위한 shell, vim command» git clone» add, commit, push• css grid와 약간의 animation 강의 수강• markdown 온라인 강의 수강💭 내 생각/느

👩‍💻 오늘 한 일 • git/github 강의 수강 » git branch 를 통해 프로젝트를 독립적인 환경에서 관리하는 법 » brnach merge 과정에서 conflict 발생시 해결방법 » hexo를 활용한 github blog 만들기, post 작성 •

👩‍💻 오늘 한 일 • git/github 강의 수강 » branch 전략: git flow » git flow를 활용해 개인프로젝트 진행하는 법 » 잘못했을 때 되돌리는 법 • 서울시 홈페이지 클론코딩 검색창까지 만들기 💭 내 생각/느낀 점 git flow를

• git/github 강의 수강» 팀원들과 github organization 만들고 fork 찍어서 각자 작업 후병합하는 과정 실습하기• 서울시 홈페이지 클론코딩 섹션1 이미지 배열까지git/github 강의를 듣고 이해했다고 생각했는데 막상 실습을 하니 또 뇌정지

👩‍💻 오늘 한 일• Aesop 페이지 클론코딩 header 부분 html, css 작성• 컴퓨터공학 수업 수강» 컴퓨터, 운영체제와 커널, 데이터베이스, RDBMS/NoSQL 구분💭 내 생각/느낀 점조원들과 조별과제량을 조절하고 매일 조금씩 성취할 수 있는 방향

👩‍💻 오늘 한 일• velog css 속성 내용 재정리• 온라인강의 js함수, 운영체제 ch1 수강• 백준 1문제 풀기(25304번)• flexbox-froggy💭 내 생각/느낀 점flexbox-froggy를 통해 css flex속성을 연습했는데 24단계에 반대

👩‍💻 오늘 한 일 • 온라인 강의 js 클래스, 운영체제 ch2 강의3개 수강 • 백준 1문제 풀기 • grid-garden • 클론코딩 💭 내 생각/느낀 점 어제 오늘 조별 미션? 덕분에 flex와 grid를 좀 익힐 수 있었다. js 클래스 강의를 들었는

• 온라인 강의 js 데이터 수강• js 함수 복습• 백준 문제 풀기, 커밋• 자바스크립트 활용 미니게임 만들기먼저 드림코딩 강의를 듣고 자바스크립트 활용 미니게임 만들기를 해봤는데, 사실 잘 이해가 되진 않았다.. data.json 파일에 객체를 생성해 자바스크립트를

👩‍💻 오늘 한 일 • css • 백준 2문제 풀기 • node.js 인강 복습 • 클론코딩 (Aesop section1&2 html, css) 💭 내 생각/느낀 점 먼저 드림코딩 강의를 듣고 자바스크립트 활용 미니게임 만들기를 해봤는데, 사실 잘 이해가 되진

• 온라인 강의 js 데이터 실습, 운영체제 ch2 강의3개 듣기• 백준 2문제 풀기• 클론코딩 (Aesop, footer제외 html,css)• js 강의 수강(변수, if문, for문, 연산자)오전에는 js 데이터 실습 강의를 들었는데 API를 이용해 원하는 데이터

• 온라인 강의 정규표현식 수강• 백준 1문제 풀기• 클론코딩 (Aesop, footer)• 현직자 특강 이솝홈페이지 클론코딩을 하는데 footer 부분이 꽤 오래걸렸다. flex 값을 줘서 나열을 하는데 중간에 오타때문에 시간을 많이 잡아먹긴 했지만 그래도 이제 fl

### 👩‍💻 오늘 한 일 • 온라인 강의 gsap, swiper 재수강, 스스로 사용해보기 • 백준 2문제 풀기 • 운영체제 강의 ### 💭 내 생각/느낀 점 금요일 TIL을 못썼다.. gsap이랑 swiper부분 온라인 강의를 다시 들으면서 연습했다.

• 온라인 필수강의 webpack 수강• js & ts eseential ch.1 수강• 클론코딩 (Aesop, sec2 swiper구현)• js 강의( 논리연산자, 삼항, 전개연산자, 구조분해할당, 선택적체이닝, 함수 선언/표현, 매개변수 패턴)이솝홈페이지 secti

👩‍💻 오늘 한 일 • 온라인 강의 js&ts essential ch2 수강 • 클론코딩 (Aesop, swiper) • 운영체제 강의 2개 수강 • js 수업듣기 • 백준 2문제 풀기 💭 내 생각/느낀 점 이솝홈페이지 section2 부분에 있는 슬라이드를 만

• 클론코딩 (Aesop, 모달창 만들고 css랑 싸움...)• 백준 1문제 풀기다른 분들 블로그를 보니,, 내 블로그 너무 하찮지만... 그래도 쓴다..오늘은 하루종일 이솝홈페이지랑 씨름을 했다.. 모달창을 만들었는데 그 내부의 콘텐츠가 패딩값을 줄수록 위로 말려올라

• 클론코딩 (Aesop, header부분 js 리팩토링?과 scroll 감지 효과 구현)• 백준 1문제 풀기• js 강의 듣기(this, prototype)내가 이솝홈페이지 클론코딩하면서 헤더의 버튼을 클릭하면 해당하는 화면빼고 나머지는 다 닫아주기 위해 open 클

• 클론코딩 (Aesop, footer js), 파일 정리• js수업 듣기• 백준 1문제 풀기오늘도 어제에 이어 js수업에서 클래스, getter와setter 그리고 정적메소드, 상속에 관해서 배웠다. 수업을 들을 당시에는 이해가 되지만 직접 써보지 않으면 와닿는게 없

백준 2738번 행렬덧셈문제를 풀 때 첫 번째 줄에 N과 M을 입력 받기

클론코딩을 처음 하는 과제에서 네비바에서 해당 메뉴를 클릭하면 그 창만 보이게 하는 기능을 구현하기 위해 버튼 하나하나에 이벤트리스너를 설정하고 클릭한 메뉴를 제외하고 다른 모든 요소에서 open클래스를 제거해 닫아주는 함수를 실행하게 했다. 당연히 간략하게 forEa

mbdi API를 이용해 영화정보를 찾을 수 있는 SPA를 만들고 있다.

## 모듈화와 데이터 저장 OMDB API를 활용하여 영화검색이 가능한 사이트 만들기 과제를 하면서 js파일을 모듈화해서 사용해보려고 시도해 보았지만 page나 title같이 여러 함수에서 할당하고 사용해야하는 전역변수가 모듈화 이후 제대로 작동하지 않았고, 이 부분을

https://haekyung-movieapi.netlify.app/2022.10.27. ~ 2022.11.6.

Webpack 사용계기 처음 개발을 배우고는 vscode의 live server를 이용했고 하나의 html에 하나의 js파일 뿐이라 웹팩의 필요성을 느끼지 못했다. 2차과제 수행하면서 js파일을 모듈화하기 시작했는데 몇 개의 모듈화된 js 파일이 전부라를 사용하고

지금까지 한 공부 메가바이트 프론트엔드 스쿨 html, css, js, webpack 에 관한 수업 완료 1차 html,css 클론코딩 2~3차 과제를 통해 vanilla js로 api 활용 영화검색, todolist만들기 코딩테스트 알고리즘 분류별 기본

https://classy-sopapillas-368c17.netlify.app/이번에는 commit을 제대로 하지도 않았고,, 웹팩/타입스크립트 도전하다가 지우고 다시하고 해서 정확한 기간도 기록하기 애매하네요..ㅎ HTML/CSS, 부트스트랩바닐라 자바스크

4차과제는 라이브러리 제약이 없어서 순수js가 아닌 리액트로 구현해보기로 했습니다. 리액트 수업을 듣기 전 리액트로 기능구현을 경험해보고자 하는 목적이 1순위였기 때문에 주어진 api를 최대한 활용하여 리액트로 구현할 수 있는 쇼핑몰을 클론코딩하기로 하였고 저희조는 네

회원가입을 통해 저장된 데이터에 맞게 이메일과 패스워드를 입력하면 로그인이 되도록 구현했습니다. 로그인 성공시 응답데이터에 담겨오는 이메일, 사용자이름, 프로필사진은 리코일을 통해 전역데이터에 저장하고 토큰은 만료시간을 설정하여 쿠키에 저장하도록 구현했습니다. 로그인

4차과제 리팩토링 중 마주친 에러에 대해 작성해보려고 합니다. 먼저 기존에 작성했던 코드입니다.useQuery 를 이용해 아래와 같이 리팩토링을...하자마자 나타나는 콘솔의 에러... ^^ Error: Query data cannot be undefined. Pleas

네.. 지난번 리팩토링 계획을 작성한지 꽤 오랜시간이 흘렀는데 4차과제와 리액트 강의를 듣느라 리팩토링이 늦어졌습니다. 리액트 강의 중간 이벤트 위임 개념이 나와서 더 이상 미루지말고 적용해보자 생각이 들어서 리팩토링을 했습니다!! 드디어..!!

최근에 코딩애플 유튜브를 보는데 제가 처음 자바스크립트 코드를 짜고 비동기 방식으로 데이터를 가져오면서 헷갈렸던 ajax, json 등의 개념을 쉽게 잘 설명해 주셔서 영상으로 봤던 내용들을 정리해 보려고 합니다.참고 코딩애플 ajax https://www.y

코드리뷰 후 리팩토링 계획을 세우고 리팩토링과 작은 추가기능구현을 마친지 시간이 꽤 흘렀지만 블로그에 기록하면서 다시한번 정리해보려고 합니다.

저는 지금 미니프로젝트를 진행 중인데요. 관련된 내용은 마무리 후 회고록을 작성해보려고 합니다. 오늘은 리액트 + 타입스크립트 조합으로 개발하면서 마주친 에러에 대해 작성해 보겠습니다! 사실 저번에도 event.target.value를 작성해서 비슷한 에러를 마주

미니프로젝트를 진행하는 중 처음 보는 에러가 발생했습니다! Mixed Content..? 검색을 해보니 백엔드분들이 만들어주신 서버는 http인데 저희 배포 주소는 https라서 발생하는 에러였습니다.

미니 플젝 회고