- 전체보기(167)
- html(14)
- 프론트엔드부트캠프(12)
- 코드스테이츠(12)
- CSS(9)
- class(7)
- 기록하기(7)
- review(7)
- 실습하기(7)
- study(7)
- function(6)
- head(5)
- body(5)
- 객체(4)
- image(4)
- style(4)
- id(4)
- 변수(4)
- div(4)
- JavaScript(4)
- radio(3)
- else(3)
- if(3)
- TIL(3)
- input(3)
- number(3)
- 조건문(3)
- let(3)
- 함수(3)
- checkbox(3)
- type(3)
- name(3)
- zep script(2)
- 팡팡마켓(2)
- 타입(2)
- 중고마켓(2)
- 행운팡팡(2)
- 인생네컷(2)
- 메타버스(2)
- container(2)
- a(2)
- f-date(2)
- f-title(2)
- H2(2)
- Flexbox(2)
- js(2)
- p(2)
- font(2)
- src(2)
- zep.js(2)
- selector(2)
- 제주네컷(2)
- 게임(2)
- Map(2)
- CARD(2)
- photo-frame(2)
- hero(2)
- Coding(2)
- app(2)
- 벨로그(2)
- player(2)
- Photos(2)
- footer(2)
- h1(2)
- 자료형(2)
- href(2)
- video(2)
- 증감문(1)
- 추가(1)
- 초기문(1)
- display(1)
- Advanced(1)
- 요소(1)
- 배열과 객체의 차이(1)
- else if(1)
- 인자(1)
- 총복습(1)
- 비교연산자(1)
- for문(1)
- align(1)
- length(1)
- 정보(1)
- 코드기초(1)
- 연산자(1)
- 선언식(1)
- 표현식(1)
- 선언(1)
- 조회(1)
- 길이(1)
- items(1)
- 매개변수(1)
- 데이터(1)
- 변경(1)
- Direction(1)
- wireframe(1)
- 배열(1)
- 명령(1)
- justify(1)
- basis(1)
- 레이아웃(1)
- 호출(1)
- hoisting(1)
- 자바스크립트(1)
- 반복문(1)
- 리턴(1)
- edge(1)
- 삭제(1)
- if문(1)
- 선택자(1)
- 마인드셋(1)
- grow(1)
- element(1)
- @property(1)
TIL 75일차 - [TypeScript] 기초 2
들어가기에 앞서 check 해보기TypeScript라는 프로그래밍 언어를 접하는 유닛이므로 JavaScript에 대한 기본적인 문법 지식이 필요하다.☑️ JavaScript의 기초 문법☑️ JavaScript Class 등 고급 문법VSCode 에디터를 이용하여 Typ
Start of the Day - 69
이제 7월도 얼마 남지 않았다.어제부터 타입스크립을 배웠다.타입을 정해줘서 런타임 에러를 최소화하고 자바스크립의 한계를 보완하는 건데생각보다 어렵지 않았고, 재밌었다.
TIL 74일차 - [TypeScript] 기초 1
VSCode 에디터를 이용하여 TypeScript 프로젝트를 튜토리얼을 따라 생성할 수 있다.이후 스스로 VSCode 에디터를 이용하여 TypeScript 프로젝트를 생성할 수 있다.🔡➡️💻➡️🤓👍
TIL 73일차 - [UX/UI] Design System 3
디자인 시스템의 개념과 구축 과정을 이해하고, 디자인 시스템을 구축하기 위한 단계와 고려 사항을 학습합니다.디자인 시스템을 구축하기 위한 도구들과 그 활용 방법을 알 수 있다.UI 인벤토리를 작성하고 이를 분석해 개선 사항을 파악할 수 있다.디자인 시스템의 필요성 및
Start of the Day - 68
오늘도 솔로 학습 시간이 주어졌다.최대한 정규 수업 시간에 집중해서 하자!수료까지 얼마 남지 않았다. 좀만 더 힘내자!!
Start of the Day - 67
요즘 너무 무기력하다.솔로 프로젝트도 마무리 해야 하고,곧 진행되는 프로젝트도 준비해야 하는데마음을 잡기 어렵다.
TIL 72일차 - [UX/UI] Design System 2
디자인 시스템의 개념과 구축 과정을 이해하고, 디자인 시스템을 구축하기 위한 단계와 고려 사항을 학습합니다.\-n디자인 시스템을 구축하기 위한 도구들과 그 활용 방법을 알 수 있다.UI 인벤토리를 작성하고 이를 분석해 개선 사항을 파악할 수 있다.디자인 시스템의 필요성
Start of the Day - 66
7월도 이제 얼마 남지 않았다.곧 프리프로젝트를 시작하게 된다.아직 솔로 프로젝트를 끝내지 못해서 조금 걱정이 된다.50일 정도 남은 부트캠프, 잘 버텨보자!그래도 절반 이상 왔는데 끝까지 수료는 해야지!
Start of the Day - 66
7월도 이제 얼마 남지 않았다.곧 프리프로젝트를 시작하게 된다.아직 솔로 프로젝트를 끝내지 못해서 조금 걱정이 된다.50일 정도 남은 부트캠프, 잘 버텨보자!그래도 절반 이상 왔는데 끝까지 수료는 해야지!
TIL 71일차 - [UX/UI] Design System 1
들어가기에 앞서 check 해보기앞선 섹션에서 학습한 전반적인 코딩을 위한 기본 지식들이 필요하다.☑️ HTML / CSS / JavaScript☑️ CDD와 CSS-in-JS☑️ Figma 사용 방법☑️ Styled Components 사용 방법☑️ Storybook
Start of the Day - 65
이번주 마지막 수업이다!벌써 7월도 끝나간다.어제 과제를 완전히 이해하지는 못했다.오늘은 어제 푼 종합퀴즈를 다시 한 번 읽고 오늘 배울 학습을 시작해야겠다!
TIL 70일차 - [React] React Hooks 적용하기
React Hook을 React 앱 내에 적용하는 방법을 학습합니다. > Custom Hook의 사용법을 익히며 직접 앱을 최적화하고 명료하게 만들 수 있습니다. > React.lazy와 Suspense를 직접 적용해 보고, 적용하기 전과 후의 차이를 명확하게 알
Start of the Day - 64
오늘은 react 심화 이론을 토대로 react hook을 적용하여 페어와 과제를 한다.1시부터 5시까지 페어 활동인 걸 보니 쉽지는 않은 것 같다.솔로 프로젝트 이후 많이 무기력하다. 극복하려고 토익스피킹 시험 접수했다.흥미를 끓어올리려면 뭐라도 해야할 것 같았다.끝
TIL 69일차 - [React] 심화 2
코드 분할(code spliting)에 대해 학습한다.React는 어떻게 코드 분할을 하는지 학습한다.React.lazy() 메서드의 쓰임새와 작성 방법에 대해 학습한다.suspense의 쓰임새와 작성 방법에 대해 학습한다.React Hook을 React 앱 내에 적용
Start of the Day - 63
7월도 얼마 안 남았다.8월에 토익스피킹 시험을 접수했다.무기력하니깐 뭐라도 해야겠다.코딩 정체기지만, 잘 이겨내보자.
TIL 68일차 - [React] 심화 1
Virtual DOM이 나오게 된 배경을 학습합니다.React가 어떻게 Virtual DOM을 사용하는지 학습합니다.Virtual DOM이 어떻게 생겼는지 학습합니다.React가 DOM 트리를 탐색하는 방법에 대해 학습합니다.DOM 엘리먼트의 타입이 같을 때와 다를 때
Start of the Day - 62
솔로 프로젝트를 하면서 흥미가 떨어졌다.어디서부터 어떻게 구현해야할지 막막하기도 하고,다 구현하지도 못했다.
TIL 67일차 - [솔로 프로젝트] 5일차 : Product page 구현하기
들어가기에 앞서 check 해보기앞선 섹션에서 학습한 전반적인 코딩을 위한 기본 지식들이 필요하다. ☑️ Git/Github☑️ Javascript☑️ HTML/CSS☑️ React지원하고자 하는 회사에 제출하게 될 과제형 프로젝트와 비슷한 형태이며, 프로젝트 요구사항
Start of the Day - 61
오늘은 솔로 프로젝트 마지막 날이다.일단 주말에 메인 페이지 상품 리스트까지 끝냈다.북마크 리스트는 북마크 페이지에 저장된 상품들을 필터로 보여주면 될 거 같다.말이 쉽지 아직은 코드로 구현하기 어렵다.오늘 최대한 할 수 있는 데까지 해봐야겠다!
TIL 66일차 - [솔로 프로젝트] 4일차 : Main page 구현하기
들어가기에 앞서 check 해보기앞선 섹션에서 학습한 전반적인 코딩을 위한 기본 지식들이 필요하다. ☑️ Git/Github☑️ Javascript☑️ HTML/CSS☑️ React지원하고자 하는 회사에 제출하게 될 과제형 프로젝트와 비슷한 형태이며, 프로젝트 요구사항