Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- flex container
- flex item
- 정보처리기사
- 홍달쌤
- 테스트 코드
- flexbox
- react 상태 관리 라이브러리
- REACT
- position
- justify-content: center;
- 백준
- JWT
- createstore 취소선
- 기사퍼스트
- Flexbox Froggy
- 모듈 관리
- 카카오맵
- login button 컴포넌트
- flexbox/grid 적용 여부
- 정보처리기사필기
- froggy
- github
- 조건부 스타일링
- Redux
- git revert
- 정보처리기사실기
- input 컴포넌트
- prettier
- error
- 프로그래머스
Archives
- Today
- Total
minyoung
css kokoa challenge(feat.nomadcoders) review😊 본문
❤️안녕하세요:)
css kokoa challenge 후기를 작성합니다!!
우선 아래 링크에서 제가 2주동안 만든 kakao ui를 확인해주세요~!
https://minyoung0101q.github.io/css-learning/
Welcome to KakaoTalk
No Service 18:43 1110%
minyoung0101q.github.io
난이도는 어떨까?
강의에서는 flexbox의 개념에 대해 자세하게 다룹니다.
css의 기본 개념들을 실제로 구현해보면서 익힐 수 있습니다.
배우는 이론
IDs & Classes
HTML Tags
Semantic & non-semantic tags
Box Model
inline, Block, inline-block
CSS Position
Flexbox
사용하는 패키지
HTML5
CSS3
Git & Github
Animations
Pseudo Selectors
Animations
FontAwesome
Selectors
Transitions
Media Queries
강의 진행 순서와 방향
먼저, html tag에 대해 익히고 mdn을 통해 태그들을 검색할 수 있는 방법과
css의 기본 개념들을 익힙니다.
그 다음 login screen 부터 클론코딩을 시작합니다.
설명을 초보자들이 이해하기 쉽게 해주시기 때문에 적극 추천하는 강의입니다.
니콜라 쌤이 유머러스 하셔서 지루하지도 않고
강의가 약 5분 ~ 10분 간격으로 끊겨 있어서 심적인 부담 없이 들을 수 있습니다.
challenge는 복습 후 듣는 것을 추천
challenge의 난이도는 상당합니다.
매일 오전 6시에 2주 동안 메일로 과제를 보내주는데, 처음엔 Quiz 그 이후에 Code challenge 순입니다!.
code challenge 같은 경우, 하루에 들어야할 강의를 듣고 응용해서 주어지는 과제의 UI를 구현하면 됩니다.
challenge를 통해 실력 향상이 되기 때문에 적극 추천합니다.
https://nomadcoders.co/kokoa-clone
코코아톡 클론 코딩 – 노마드 코더 Nomad Coders
HTML, CSS, Flex, Animations, Github
nomadcoders.co
글 읽어주셔서 감사합니다😊
'CSS3' 카테고리의 다른 글
Flexbox, position 개념 기록🙌 (0) | 2023.12.01 |
---|---|
flexbox froggy 정답 해설(1) (0) | 2023.12.01 |
😁box-sizing: border-box 쉽게 이해하자(simple 드루와) (0) | 2023.11.22 |
CSS 컬러 시스템 3가지 (0) | 2023.10.20 |
Collapsing margin 현상과 padding (0) | 2023.10.15 |