분류 전체보기

HTML에 대한 내용과 주요 태그들에 대해 알아보았다. 현직 프론트에드 개발자 분들도 HTML의 모든 태그들을 완전히 다 외우진 않고, MDN 요소 참고 사이트에서 검색해보고, 속성들을 참고하여 사용한다고 한다. 이제 HTML에 대해 알아봤으니, HTML하면 빠지지 않는 친구 CSS에 대해 알아보겠다. 1. CSS란? Cascading Style Sheet의 약자 잘 만들어둔 HTML 페이지를 스타일리쉬하게 꾸며주는 역할을 한다. ※ 웹사이트를 꾸밀 때 총 3가지로 나누어 생각해볼 수 있다! 1) Author style : css파일 2) User style : 사용자가 지정하는 스타일 3) Brower : 브라우저에서 기본적으로 제공하는 스타일 -> 여기서 Cascading은 '폭포처럼 떨어지는' Au..

이번엔 django에 직접 만든 html 문서를 적용하는 실습을 해보았다. 일단 프로젝트 디렉토리를 만든 후, app을 만든다. 이 부분은 이전 포스트에 잘 나와있으니 참고! 1. 일단 APP이 잘 만들어졌는지 확인하기 2. APP 생성과 관련된 코딩과정 거치기 이 부분도 이전 포스트에 다 나와있으니 참고! 3. url 등록하기 이 부분도 이전과 똑같다. from django.contrib import admin from django.urls import path from myhtml import views urlpatterns = [ path('admin/', admin.site.urls), path('', views.index) ] 4. views.py에 index 함수선언 from django.sh..

이번엔 장고를 활용해서 게시판을 만들어보았다. 아직은 조금 서툴지만 열심히 공부해서 능숙하게 다룰 것이다!! 장고를 활용해서 게시판을 만들려면 기존에 있는 가상환경 실행, 장고설치, 장고 프로젝트 생성 등을 진행하여 독자적인 개발환경을 구축해야 한다. 이전 포스트에 다 나와있으니 패스! 가상환경을 실행하고 장고 서버까지 실행한 상태, 앱 등록까지 마친 상태에서 시작한다. 1. model 등록 프로젝트 이름 디렉토리 -> 프로젝트 이름 디렉토리 -> model.py에서 등록한다. from django.db import models from django.utils import timezone # Create your models here. class myBoard(models.Model): writer = ..

※ HTML 코드는 크게 두 가지로 나눌 수 있다. 1) BOX : 아이템들을 잘 정리할 수 있도록 도와줌 (섹셔닝) 대표적인 종류) header, nav, aside, main, footer, section, article (재사용이 되는 아이템을 그룹화), div (아무곳에서나 쓸 수 있음, 묶어서 스타일링이 가능하고 굉장히 많이 쓰임), span, form 등 2) ITEM : 사용자들이 볼 수 있는 아이템 a (링크를 걸 수 있는 태그), button, input, label, img, video, audio, map, canvas, table ==> ITEM도 두 가지로 나눌 수 있다. 1) Block : 한 줄에 하나 차지 2) Inline : 공간이 허용하면 배치가 가능 ※ Attribute..