Knowhow/Web 5

Django tips

1. django는 프레임워크 개념이기 때문에 일반적으로 project를 직접 만들고 하나하나 python script를 작성할 필요없이 명령어로 project를 생성할 수 있다. 이는 framework project가 되겠다. django-admin startprojeect PROJECT_NAME 1-1. 위 1. 방식으로 만드는 것은 튜토리얼 차원에서 좋고, 나중에 다른 사람과 협업을 고려하여 확장성이 좋게 구현할 때는 좋지 않는 초기 설정 방식이다. mkdir PROJECT_NAME cd PROJECT_NAME git init git remote ~~~ pipenv --three pipenv shell pipenv install Django django-admin startproject config..

Knowhow/Web 2022.07.21

Javascript tips

1. 기본 골자는 html이 javascript를 실행시켜주는 형태로 다음과 같이 시작함. 2. 연동된 html 코드는 document라는 object로 정의되어 있음. const title = document.getElementById("title"); const title = document.querySelector(".hello h1"); // css style indexing console.dir(title); 3. event 는 2가지 형태로 구현이 가능함. 개인적으로 전자가 더 나은 듯. a.onclick = handleClick; a.addEventListener("click", handleClick); 4. class를 변경/추가/제거하는 작업이 가능한데 총 2가지 방법이 있음. 후자가 더..

Knowhow/Web 2022.06.21

CSS tips 2

1. transition state 변화를 설정했을 때, animation 효과와 함께 변화하도록 하는 기능 a { color : red; transition: color 2s ease-in-out, border-radius 5s 5px; } a:hover{ color : green; border-radius : 20px; } transition은 초기 root 선언에 적혀야 됨. a:hover 하위 (state)에 적히면 hover에 해당하지 않는 순간 바로 transition 취소됨. ease-in-out은 변화 양상을 표현하는 속성. matthewlein.com/tools/ceaser 위 링크에 가면 시각적으로 비교해볼 수 있음. 2. transformation img { transform : ro..

Knowhow/Web 2022.06.20

CSS tips 1

Tips 1. css 파일을 html 내에서 tag 형태로 부르는 방법이 있고, 아예 분리하는 방법이 있는데, 후자의 방법이 권장됨. # 전자 inline css # 후자 external css 두 방식을 동시에 쓸 경우( 권장 x), cascading 단어 뜻에 맞게 맨 마지막에 적혀있는 커맨드대로 적용됨. 2. 각 html tag 별로 속성을 지정하는 방식을 반복하면 됨. easy. tagname { color : blue; font-style : italic; font-size: 50px; } 위와 같음. 특정 id의 tag만 변경하고자 할 때는 다음과 같이 작성하면 됨. #id { } 모든 tag에 공통적으로 적용하고자 할 때는 다음과 같이 작성하면 됨. * { } 카테고리 레벨로 적용하고자 할 ..

Knowhow/Web 2022.06.19

HTML tips

Tips 1. 폴더명 및 파일명은 소문자로 구성되어야 함. 2. 형태로 이루어진 태그 내에 content를 닮는 형식을 반복하며 코딩. 유효한 tag가 아닐 경우, 무시되고 content는 그냥 text로 출력됨 (html에서는 에러가 없음. 그저 text로 출력되고 의도한 형태로 content가 보이지 않을 뿐) 3. 모든 html 문서는 로 시작해야 함. 크롬의 경우, 알아서 해주기도 하지만 원칙 상. lang은 검색 엔진을 돕기 위해 일반적으로 설정함. 4. 검색할 때 mdn 이라는 키워드를 끝에 붙여서 검색하면 mozila developer network ,firefow 만드는 회사가 만든게 뜸. 안붙이면 w3 schools가 뜨는데 별로임. 5. 여는 tag, 닫는 tag를 동시에 수정하고자 할..

Knowhow/Web 2022.06.12