profile
"꾸준한 삽질과 우연한 성공"
post-thumbnail

CSS | Flex, Flexible Box (플렉스)

플렉스에 대해 알아보자.

2020년 11월 14일
·
0개의 댓글
post-thumbnail

Project | 인스타그램 클론 코딩 리뷰 (3)

인스타그램 자식 컴포넌트들에 대해 리뷰해보자.

2020년 11월 13일
·
4개의 댓글
post-thumbnail

Project | 인스타그램 클론 코딩 리뷰 (2)

인스타그램 메인 페이지를 리뷰해보자

2020년 11월 13일
·
0개의 댓글
post-thumbnail

Project | 인스타그램 클론 코딩 리뷰 (1)

인스타그램 로그인 페이지를 클론해봅시다.

2020년 11월 12일
·
0개의 댓글
post-thumbnail

CSS | 스크롤바의 원리, 투명한 스크롤바 만들기

간혹 스크롤은 되는데 스크롤바가 없는 것을 볼 수 있다.이것을 만들어보자.아주 간단하다.

2020년 10월 25일
·
0개의 댓글
post-thumbnail

CSS | Selector (HTML 태그 선택 하는 방법)

HTML의 엘리먼트, 클래스, ID를 CSS로 가져오는 셀렉터에 대해 알아보자.

2020년 10월 21일
·
0개의 댓글
post-thumbnail

DOM | QuerySelector, getElementsByClassName 등.. (HTML에서 제어 대상 찾기)

문서(document)에서 제거할 태그를 자바스크립트로 가져올때 사용된다.

2020년 10월 17일
·
0개의 댓글
post-thumbnail

CSS | Transition (트랜지션)

화면이 전환될때 사용되는 효과들을 트랜지션이라고 한다. 컨트롤 하는 방법을 알아보자.

2020년 10월 14일
·
0개의 댓글
post-thumbnail

CSS | Grid Align (그리그를 이용한 정렬)

그리드를 이용해서 각각의 컨테이너를 정렬하는 방법에 대해 알아보자.

2020년 10월 14일
·
0개의 댓글
post-thumbnail

CSS | Grid area (컨테이너에 이름 부여하기)

이름과 위치를 지정해 줄 수 있다. 그리고 그 이름을 이용해 쉽게 접근할 수 있다.

2020년 10월 14일
·
0개의 댓글
post-thumbnail

CSS | Grid (그리드)

SS Grid(그리드)는 2차원(행과 열)의 레이아웃 시스템을 제공한다.

2020년 10월 12일
·
0개의 댓글
post-thumbnail

CSS | Typography (텍스트 꾸미기)

CSS를 이용해서 텍스트를 꾸미는 기본적인 방법을 알아보자.

2020년 10월 12일
·
0개의 댓글
post-thumbnail

CSS | Box Model (영역을 만들어 디자인을 입히자)

박스(보더)주변을 디자인할 수 있다. 방법을 알아보자.

2020년 10월 11일
·
0개의 댓글
post-thumbnail

CSS : Text property (텍스트 꾸미기)

CSS로 텍스트를 꾸미는 기본 속성들에 대해 알아보자.

2020년 10월 11일
·
0개의 댓글
post-thumbnail

CSS | Class와 ID의 차이

클래스와 ID의 차이를 알고 제대로 적용할 수 있다면 아주 예쁜 코드를 얻을 수 있을 것이다.

2020년 10월 10일
·
0개의 댓글
post-thumbnail

CSS | CSS에서 HTML 태그 연결하기

HTML의 태그, 클래스, ID등을 이용해서 해당 태그를 불러와 스타일을 CSS에서 적용하는 방법을 알아보자.

2020년 10월 10일
·
0개의 댓글