기록하는 개발자

Home.html 1. about 페이지와 링크로 연결 2. 사용자들로부터 입력을 받음 3. 결과 제출 버튼 About.html 1.home 페이지와 링크로 연결 2,.about에 관련된 내용 적혀 있음 Result.html 1.home 에서 입력 받은 데이터를 처리한 함수를 받아 “결과는 이러하다”를 출력 View.py에 정의되어야 하는 함수 1. home을 띄우는 함수 2.about을 띄우는 함수 3.result에 전달할 함수(home에서 입력 받은 데이터를 처리하는 함수)à글자를 세주는 함수 만들 URL 1.home 을 띄우는 url=뒤에 아무것도 안 붙는 url(e.g. mutsawordcount.com) 2.about을 띄우는 url=/about(e.g. mutsawordcount.com/abo..

vscode에서 장고 설치하는 법 *가상 환경 실행 방법 1. python --version -python 버젼 확인을 통해 제대로 파이썬이 깔려있는지 확인한다. 2. 가상환경 생성 -python -m venv ex)python -m venv myvenv 3. 가상환경 구동 git bash 사용 : source myvenv/Scripts/activate cmd 사용 : myvenv\Scripts\activate (저는 bash root 파일에 문제가 생겨서 결국 고치는건 포기하고 vscode 터미널 디폴트로 cmd를 쓰고 있습니다😢) 4. 가상환경 빠져나오기(활성화 종료) deactivate *설치 및 삭제 장고 설치(가상환경 켜놓고 실행) pip install django 장고 삭제 pip uninta..

Main -블록 요소 -한 문서 당 한 개만 사용 가능 H1~6 -1~6까지 글씨 크기를 초기화하여 font-size 속성 사용 -제목 단계 건너 뛰는 것 피하기 ex)h1 다음에는 h3이 아니라 h2 사용해주기 -화면의 글자 크기를 지정하는 데 쓴다기 보다는 대주제부터 여섯 단계의 소주제로 나누기 위한 태그 Article -독립적으로 구분되거나 재사용 가능한 영역을 설정 -일반적으로 h1~h6를 포함하여 식별 -작성일자와 시간을 의 datetime속성으로 작성 -내부에 section 삽입 가능 Section -문서의 일반적인 영역을 설정 -일반적으로 h1~h6를 포함하여 식별 -내부에 section 태그 삽입 가능 Aside -문서의 별도 콘텐츠를 설정 -보통 광고나 기타 링크 등의 사이드 바를 설정 ..

1. 블록 요소 DIV, H1, P etc.. 사용 가능한 최대 가로 너비를 사용한다. 크기를 지정할 수 있다. Width 100, height 0으로 시작 위에서부터 아래로(수직으로) 쌓임 Margin, padding 상하좌우로 사용이 가능하다. 레이아웃 Display: inline ->블록 요소를 강제로 인라인 요소로 바꿈 2. 인라인 요소 SPAN, IMG etc.. 자신에게 속한 요소에 대해서만 너비를 사용한다. 크기를 지정할 수 없다. Width 0, height 0 으로 시작 좌에서 우로(수평으로) 쌓임 Margin, padding 상,하는 사용 불가능하다. Text Display: block ->인라인요소를 강제로 블록 요소로 바꿈 -base link script style title 등과 ..

우리 학교 멋사에서도 올해부터는 웹으로 프로젝트를 진행하기로 했고 오늘 첫 실습 강의가 진행됐다:D [ 실습 1 ] 김어진의 자기소개 프로필 사진 내 정보 상명대학교 컴퓨터과학과 201810911 김어진 자기소개 안녕하세요 저는 멋쟁이 사자처럼 8기 김어진 입니다. .MyProfile{ background-color:lightblue; } .introduce{ background: white; margin : 60px; }​ - background-color를 통해 배경색 변경 - introduce class에 포함된 단락(div)의 배경만 white로 지정 - margin을 통해 좌우에 60px만큼 공간 확보(외부 공간) 자신을 표현하는 키워드 5가지 끈기 노력 행복 계획 성실 자신의 가치 순위 행복 ..

프로그래머스의 css 강의 시청 후 정리하는 글이다. https://programmers.co.kr/learn/courses/4521/lessons/14635 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 무료 강의라서 유튜브에서도 시청이 가능하다. https://www.youtube.com/channel/UCvx57s_ZBt5VG4fvlStiq2g 빔캠프 VEAMCAMP 빔캠프는 여러분들에게 영감을 줄 수 있는 창의적인 컨텐츠 또는 누구든지 따라 할 수 있는 튜토리얼 영상을 제공합니다 www.youtube.com 가운데 정렬 -웹페이지 디자인에서 가장 ..

HTML (Hyper Text Mark up Language) 문서의 구조를 나타냄 →웹페이지의 뼈대를 구성하는 언어 CSS(Cascading Style Sheet) 문서 각 요소들의 스타일을 나타냄 3EX)글씨 크기, 색상, 폰트 등 -Cascading 의 'C' 를 사용하는 이유는 상위 요소의 스타일 속성을 자손 요소들에게 상속 시켜주는 모습이 DOM 트리구조에서 마치 폭포수처럼 내려가는 모습을 닮았기 때문이라고 한다.(cascade : 종속, 작은 폭포) -CSS는 HTML과 달리 문법에 엄격하다. 구두점 하나만 빼먹는 실수를 해도 전체 CSS파일의 로딩에 실패한다. 따라서 CSS를 편집할 때는 코드의 무결성을 검증해줄 수 있는 IDE나 코드 에디터를 사용하는 게 좋다. JAVA SCRIPT 정적인..