profile
빵굽는 프론트엔드 개발자
post-thumbnail

[CSS] Display 속성 - block, inline, inline-block 으로 요소 정렬하기, Float 속성으로 페이지 구조화하기

block, inline, inline-block의 개념을 명확히 짚고 넘어가고자 정리해보았습니다.

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

[CSS] Position: relative, absolute, fixed로 콘텐츠 정렬하는 법

position: relative; 는 '상대적인 위치'라는 의미를 가지고 있는데, 자기 자신의 원래 위치에서 이동하고 싶은 상하좌우 값을 설정하고 싶을 때 씁니다.

2020년 11월 17일
·
0개의 댓글

[Web] Semantic Web / Semantic Tag 뜻

Semantic이란 의미론적이라는 뜻입니다. 웹의 각 요소가 어떤 역할을 하고 있는지 의미가 명확히 전달된다면 그것이 바로 Semantic Web이고, HTML의 태그의 명칭을 봤을 때 해당 태그가 어떤 의미를 가지는지 명확히 전달이 된다면 Semantic Tag입니다

2020년 11월 16일
·
0개의 댓글

[CSS]:root 를 이용해서 CSS 커스텀 속성 (전역변수) 정의하고 사용하는 법

CSS 커스텀 속성은 폰트 색상이나 사이즈 등 전역으로 사용할 CSS 속성을 먼저 정의해주는 것이다. 기업의 색상, 폰트 등 가이드라인이 있는 경우 이렇게 먼저 설정해 주면 협업과 유지보수에 용이하다.

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

[HTML/CSS Toy Project]YouTube Clone | 유튜브 클론코딩 + 직접 리디자인한 동영상서비스 UI 클론코딩

올해 코딩 재입문 후 처음 진행한 개인 미니 프로젝트다. 유튜브 클론코딩 강좌를 듣고 작업한 결과물이 맘에 안 들어서, 직접 나만의 동영상서비스를 디자인해서 코딩해 보았다.

2020년 11월 6일
·
2개의 댓글
post-thumbnail

[Javascript Toy Project] Notes App 노트앱 만들기 토이프로젝트

노트앱을 소개합니다. 노트 리스트를 보여주는 메인 페이지와, 개별 노트를 수정하는 페이지로 구성된 간단한 앱입니다. 아이폰 기본 노트 앱의 color theme을 참고하였습니다.

2020년 11월 6일
·
4개의 댓글

[CSS]BEM이란 CSS 클래스 이름 만드는 일종의 약속이다.

CSS에서 클래스 이름 정하는 방법을 명료하게 정리한 것이 바로 BEM이다.BEM은 블록(Block), 엘리먼트(Element), 모디파이어(Modifier)의 첫 글자를 딴 용어다.각각 다음과 같이 비유해볼 수 있다.

2020년 11월 6일
·
1개의 댓글
post-thumbnail

[HTML, CSS, Javascript]개인 포트폴리오 사이트 만들기 1 - UI 디자인

개발자로 취업하기 위해선 깃허브와 기술블로그 정도만 있어도 된다고는 하지만 욕심이 나서 개인 포폴 사이트를 반응형으로 만들어 보려고 한다.

2020년 11월 4일
·
0개의 댓글