가연이의 개발자취

  • 홈
  • 태그
  • 방명록

CSS구조잡기 1

[HTML/CSS] 웹 페이지 구조 잡기

평소 일할 때 컴포넌트에 대해서 스타일 수정하고 적용하는 작업은 많이 하는데 빈 페이지에 처음부터 스타일을 잡고 적용시킨 건 아주 오래 전 개인 프로젝트할 때 말곤 없어서 막상 구현하려니 헷갈리고 좀 어려웠다. 간단해보이는 웹 페이지인데도 스타일을 적용하고 지우고 또 적용하고 또 지우고를 반복했다. 뭐든 처음에 구조를 탄탄하게 잡아둬야 무너지지 않는다. 다음에 또 구현할 때 헷갈려서 구글 검색을 하게 될 게 뻔하기 때문에 웹 페이지 구조를 잡는 비법(?)에 대해 미리 정리를 해보았다. 프로그래머스 "만들면서 배우는 실전 퍼블리싱" 스터디에서 강의를 들으면서 + 과제를 해나가면서 + 구글 검색으로 이루어진 내용이다. Header, Main, Footer로 구성된 보통의 웹 사이트 구조를 예시로 구현해봤다...

개발자취/HTML과 CSS 2023.01.30
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (25)
    • 개발자취 (10)
      • JAVASCRIPT (6)
      • HTML과 CSS (2)
      • WEB API (0)
      • Elasticsearch (1)
      • 개발환경 세팅 (1)
    • 개발도서 읽기 (13)
      • HTTP 완벽 가이드 (12)
      • 도메인 주도 설계 철저 입문 (1)
    • 알고리즘 발자취 (2)
      • 코딩테스트 자바스크립트 버전 (2)
    • 인생 발자취 (0)
      • 끄적끄적 (0)

Tag

엘라스틱서치 설치방법, 웹컴포넌트, 객체분해하기, mac 개발환경 설정, 엘라스틱서치 개념, 프론트엔드, 함수형컴포넌트, 프론트엔드프로젝트, body 태그 가운데정렬, 배열구조분해, 리액트함수형, mac brew 설치, 자바스크립트ES6 문법, CSS구조잡기, JavaScript hoisting, brew설치, 엘라스틱서치 정리, 리액트훅, web component, 자바스크립트 호이스팅,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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

Copyright © Kakao Corp. All rights reserved.

티스토리툴바