PSY_IT_Tech

[Node.js 백엔드 기록] 3. html 이용해 form 데이터를 서버로 전달하기 [html 기본 구조] html은 hypertext markup language이다. hypertext는 링크를 통해 모든 문서가 연결되어 있는 구조로 일반적인 텍스트의 순차적인 구조를 뛰어넘는 비 순차적 접근법을 가진다. markup은 텍스트를 구조적으로 표현하는 방식이다. html은 정보를 구조적으로 표현하기 위해 tag 개념을 사용한다. head tag : 문서의 부가 정보를 담는 태그 body tag : 문서의 컨텐츠를 담는 태그 Heading tag : h1 ~ h6가 존재하고, 숫자가 작을 수록 폰트 크기가 크다. 자동으로 줄 바꿈이 적용된다. Paragraph tag : 문단을 표현할 때 사용. 문단의 첫 ..

[ Bootstrap ] 부트스트랩 Navbar 나브 바 Container 컨테이너 Grid 그리드 활용 부트스트랩을 활용하기에 앞서 가장 중요한 것은 버전을 확인하는 것이다. Doit 장고 부트스트랩 교재에서는 4.5 버전을 사용하니 이에 유의하여 작성하길 바란다. Bootstrap Navbar 1. 부트스트랩 홈페이지(bootstrap.com)에 접속한다. 2. Components 인덱스의 Navbar를 클릭한다. 3. 다양한 디자인의 나브 바와 코드가 나열되어 있다. 4. 원하는 Navbar를 클릭한다. 5. Html에 있는 원래 nav태그가 있는 곳에 복사 붙여 넣기 한다. 6. 반응형 navbar를 사용하면 윈도 크기에 따라 나브 바 디자인이 변경된다. 7. a 태그의 innerHTML과 hre..

CSS Javascript Bootstrap 부트스트랩 웹사이트 접속 활용 방법 1. getbootstrap.com 사이트에 접속한다 2. Doit 장고 부트스트랩 교재에서 사용한 버전은 4.5 버전이다. 3. 상단에 다운로드 버튼을 클릭한다. 4. Bootstrap v5.1 클릭한다 5. All versions 클릭해 4.5 버전을 클릭한다. 6. Head to the downloads page 클릭하지 말고 새 탭에서 열도록 하자. 7. Compiled CSS and JS의 Download 버튼을 클릭한다. Bootstrap 파일 생성 부트스트랩 파일이 bootstrap-4.5.3-dist.zip으로 생성되었을 것이다. 그러면 zip 압축을 풀고 css 디렉터리에 접근한다. bootstrap.min...

HTML CSS Javascript 프로그래밍 모든 웹페이지 작성에 기본이 되는 HTML CSS Javascript를 이용해 장고 프로젝트의 틀을 만들 것입니다. html 소스코드를 보는 방법은 ctrl + u를 누르시거나 마우스 오른쪽을 클릭한 뒤 페이지 소스를 클릭하면 됩니다. html은 태그로 이루어져 있는 마크업 언어로 작성한 웹페이지를 확인하기 위해서는 보기 > 명령 팔레트 > Live Server : Open with Live Server을 클릭해 웹페이지 상에 나타나는 결과물을 볼 수 있습니다. 이를 더 쉽게 하기 위한 단축키는 ctrl + shift + p입니다. HTML emmet을 이용해 html 기본 구성을 빠르게 작성할 수 있습니다. ! + tab 키를 누르고 불필요한 meta 태그..