css 참고하면 좋은 페이지 모음

Web

리준희 2021. 2. 12. 02:00

오랜만에 하는 포스팅이다.

리액트계의 수학의정석 같은 벨로퍼트님의 '리액트를 다루는 기술' 책을 스르륵 1 회독하고,

이전에 패스트캠퍼스 강의를 수강하며 나온 사진 공유 홈페이지를 리액트를 기반으로 다시 만들겠다는 계획을 세웠다.

나름 기능, 일정, 사용 기술, 대략적인 기능 디자인까지 정리하여 컨펌까지 받았으나

(레파지토리 README 파일에 정리해두었다)

junheeyeap/photo-web-with-react

Contribute to junheeyeap/photo-web-with-react development by creating an account on GitHub.

github.com

OAuth와 DB 연동 CRUD 등등등 미리 짜둔 계획이 중요한 게 아니었다.

아무리 bootstrap이 처음이고, 혼자 만드는 첫 페이지여도.. 가장 기본적인 페이지 디자인부터 삐그덕 대기 시작했던 것..

결국 구글님과 유튜브.. 갓활코딩님을 통해 다시 기본기를 훑고 있다..

그리고 이 포스트는 (다시) CSS를 익히며 알게 된, 참고하면 좋을 사이트들을 정리하는 포스트이다..!

CSS: Cascading Style Sheets | MDN

CSS 소개 선택자, 속성, 규칙 작성, HTML에 CSS 적용하기, 길이와 색 등 단위 지정하기, 종속과 상속, 박스 모델, 디버깅 등 CSS의 작동 원리와 기본을 배웁니다. 텍스트 꾸미기 글꼴, 굵기, 기울이기,

developer.mozilla.org

MDN은 뭐.. 말이 필요한가..

CSS 레이아웃을 배웁시다

이 사이트에서는 모든 웹 사이트의 레이아웃에 사용되는 CSS의 기초를 다룹니다. 이곳에서는 여러분이 선택자와 프로퍼티, 값이 무엇인지 알고 있다고 가정합니다. 그리고 레이아웃 작업이 여러

ko.learnlayout.com

이번에야말로 CSS Flex를 익혀보자

이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누

studiomeal.com

웹 프로그래밍 튜토리얼 | PoiemaWeb

Front-end Development Tutorial

poiemaweb.com

Flexbox Froggy

A game for learning CSS flexbox

flexboxfroggy.com

크롬 방문 기록을 밀어버려 아쉽지만..

요즘은 만들고 싶었던 페이지를 만드는 것이라 억지로 책을 읽을 때 보다 흥미가 돋궈진다.

이전에는 삽질 끝에 해결법을 찾아내면 허탈했지만, 지금은 뿌듯한 느낌이 든다.

성장하고 있는 건가?