python
·⏱ 4m
python - Django - install
python - Django Django는 웹프로그래밍에서 가장 많이 사용되는 python 기반 프레임워크입니다. 저는 개인적으로 flask가 쉽게 뚝딱뚝딱 만들기 좋아하기는 하지만, flask는 유지보수 측면에서 좀 어려움이 있는 것 같아요. ...
All Posts
총 1,428개의 아카이브 중 257 - 272번째 글
javascript
·⏱ 3m
Javascript - setInterval
은 milliseconds 마다 argument를 function에 넘겨서 실행합니다. 아래 코드는 1000 milliseconds마다 를 실행합니다. argument는 따로 넘기지 않았구요. 실행하면 아래와 같이 1초마다 결과가 출력되죠. Se...
javascript
·⏱ 3m
Javascript - setTimeout
javascript에서 일정 시간이 지연된 다음 동작이 수행되게 하려면 를 사용하면 됩니다. 즉 milli-second가 경과된 다음 가 args를 넘겨 받아서 실행됩니다. 혹은 다음처럼 function을 미리 정의한 다음 사용할 수도 있습니다....
javascript
·⏱ 4m
Javascript - DOM methods - querySelector, getElementById
javascript에서 문서 내에 존재하는 element들을 selector, id를 통해 탐색하고 해당 요소의 성질을 변경하는 코드를 작성하였습니다. Example 간단하게 다음과 같은 코드를 작성하였습니다.
javascript
·⏱ 2m
Javascript - addEventListener method
html의 특정 요소에 특정한 event(ex: 마우스 클릭)가 발생했을 때 특정한 동작이 수행되도록 하는 방법을 정리합니다. 다음은 에 마우스 클릭이 발생하면 를 해주는 코드입니다. DOM Events 다음과 같은 Event들이 있습니다. 자세...
web
·⏱ 4m
CSS - linear gradient
css를 사용해서 html 요소의 background를 linear gradient로 설정합니다. 으로 정의해줍니다. - : gradient를 그려주는 방향을 결정해줍니다. 일 경우에는 위쪽으로, 일 경우에는 오른쪽으로 그려주죠. - : 는 어떤...
web
·⏱ 7m
CSS - position property
문서 내 작성된 순서에 따라 배치되는 경우 position property의 다음 세 값은 문서 내에서 작성된 순서에 따라서 배치됩니다. 이미 현재의 요소 위에 다른 요소가 있다면, 그 요소의 아래에 그려지게 된다는 이야기죠. - : defaul...
web
·⏱ 7m
CSS - background properties
css의 background의 다양한 설정값을 변경합니다. - : 요소의 background를 image로 설정합니다. - 값을 으로 설정하면 gradient로 예쁘게 설정됩니다. 호호. - : background의 크기를 설정합니다. - : b...
web
·⏱ 3m
CSS - Box Shadow
요소의 글 상자 만큼의 를 만드는 방법을 정리합니다. 는 로 정의됩니다. - : boxshadow의 위치 양수(오른쪽), 음수(왼쪽) - : boxshadow의 위치 양수(아래쪽), 음수(위쪽) - : 그림자를 얼마나 뿌옇게 뿌려질지 정합니다. ...
web
·⏱ 1m
CSS - List Style
html 요소인 들에 대해서 스타일을 적용하는 방법을 정리하였습니다. 한 줄로 표현하려면 다음과 같이 정의하면 됩니다. 저는 각 스타일별로 하나씩 적용해주는 것을 더 좋아하는 편이라서, 다음처럼 처리합니다.
web
·⏱ 3m
CSS - margin, padding, border
html의 각 요소는 모두 content, padding, border, margin이라는 값을 가집니다. - : 일반적으로 각 요소에 정의하는 , 는 content의 너비, 높이를 의미합니다. 이 값은 padding, border, margin...
web
·⏱ 1m
CSS - z index
z-index는 html 내에서 요소들이 서로 겹쳐졌을 때 머넞 보이는 순서를 말합니다. z-index값이 클수록 위에 있습니다. 즉 커야 가장 바깥 쪽에 위치한 다는 이야기죠. 아무 값도 설정하지 않았을 때는 가장 나중에 만들어진 요소가 가장 ...