250x250
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
- CSS
- 모던 자바스크립트
- this
- 뷰
- 타입스크립트
- const
- 스코프
- 컴포넌트
- null
- react
- typescript
- VUE
- function
- 투두리스트
- 자바스크립트
- 데이터 타입
- 객체
- var
- js
- redux
- Interface
- Number
- let
- todolist
- BIND
- 함수
- ES6
- 리액트
- 라우터
- 모던
Archives
- Today
- Total
홍준혁
유튜브 클론코딩 후기 본문
728x90
오늘은 유튜브에서 유튜브 강의를 보면서 유튜브 클론 코딩을 했다.... (...?)
www.youtube.com/watch?v=67stn7Pu7s4
css와 레이아웃의 개념을 확실하게 잡을려고 했으며, 결과는 위와 같다.
사실 따라 적으면서 정신이 굉장히 없었는데, 심지어 css전처리기도 사용 안 하고 순수 css로 하시며,
전처리기의 감사함을 느끼라고 하셨다....... 안 그러셔도 되는데...
아무튼 만들어보고 느낀 점은! 생각보다 반응형 만들기가 쉽지 않다는 것이다.
사실 저 위에 움짤을 보면 알겠지만, 글자가 다 깨졌다... 평소에 개발하면서
반응형이라는 거는 개나 줘버리고 개발하는데 이번 개발을 하면서 반응형이 없으면
안 되겠구나...라는 생각을 하고 앞으로 미디어 쿼리에 집중적으로 공부해봐야겠다는 생각을 했다.
또, css전처리기에 대해서 너무 감사하다는 생각을 했다... 깃허브의 코드를 보면 진짜 말이 아닐 것이다.
github.com/Hong-JunHyeok/Youtube_cloneCoding
다음에 기회가 생기면 리액트와 scss를 사용해서 더 깔끔한 코드로 개발을 해보고 싶다.
728x90
'CSS' 카테고리의 다른 글
MacOS 창 만들기 (0) | 2021.01.30 |
---|---|
반응형 웹페이지란? (with 간단한 반응형 애플사이트 navBar만들기!) (2) | 2021.01.29 |
랜더링 애니메이션 구현하기 (0) | 2021.01.29 |
Parallax만들기 (0) | 2021.01.28 |
CSS 버튼 디자인 해보기 (0) | 2021.01.28 |
Comments