본문 바로가기 메뉴 바로가기

김기지의 코딩노트

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

김기지의 코딩노트

검색하기 폼
  • 분류 전체보기 (165)
    • 코딩 (159)
      • Next.js (16)
      • 프로젝트 (9)
      • 한 입 크기로 잘라먹는 React.js (2)
      • 한 입 크기로 잘라먹는 타입스크립트 (42)
      • 코드스테이츠 (27)
      • 띵동코딩 (13)
      • 스파르타코딩-웹개발 (15)
      • 코딩노트 (30)
      • Dart (3)
      • Flutter (2)
    • SQL (4)
  • 방명록

클론코딩 (1)
띵동코딩 5주차 - HTML, CSS

◎브라우저의 역할 : 요청을 보내고 받은 HTML파일을 그려주는 일 오늘 만들 것 → 띵동코딩 로그인 페이지 클론 코딩을 하기 전 계획을 세우는게 좋다. 1. 구역 계획하기 → 2. HTML 쓰기 → 3. CSS설정하기 1. 구역을 나누어보자 -GNB : 어느 페이지에 들어가든 공통적으로 사용할수 있는 메뉴 바 -Main : 본문의 주 컨텐츠 -CTA : 사용자의 반응을 유도 하기 위한 버튼이나, 배너(하단에 고정되어 있음) 여기에 쓰일 태그를 매칭해보자 태그를 사용하는 이유? → 글자단위를 묶는 태그로 줄바꿈이 일어나지 않는다. 1) GNB구역 구역을 나누었으니 부분에 들어갈 내용물을 적어준다. css를 설정해야 하므로 명칭을 달아주자. 로그인 저장 후 출력해보면 이미지와 글자가 왼쪽에 붙어있다. 우선..

코딩/띵동코딩 2022. 9. 25. 15:32
이전 1 다음
이전 다음
최근에 올라온 글
Total
Today
Yesterday
TAG
  • 번들링
  • 자바스크립트
  • git 오류
  • 코드스테이츠
  • 정처기필기
  • 데이터요청
  • 티스토리챌린지
  • css
  • React
  • cdd
  • javascript
  • 클론코딩
  • 웹팩
  • 오블완
  • 개발
  • 인증
  • React.JS
  • useRef
  • 프레임워크
  • 띵동코딩
  • 타입스크립트
  • 프론트엔드
  • 보안
  • 부트캠프
  • HTML
  • 상태관리
  • 로컬 저장소
  • Next.js
  • styled-component
  • nextjs
more
«   2025/07   »
일 월 화 수 목 금 토
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
250x250

Blog is powered by Tistory / Designed by Tistory

티스토리툴바