'코딩' 태그의 글 목록 (24 Page)

[html] nav태그

안녕하세요. 플입니다. 오늘은 nav태그를 이용해 메뉴를 만들어봤습니다. https://youtu.be/4kNNcnqQ42g 오늘은 영상으로 대체하겠습니다. 코딩 화면을 한번 찍어봤습니다. About Portfolio Contact 전체 코드를 남겨둡니다. 태그는 메뉴를 감쌀 때 주로 사용하는 태그입니다. 보통 태그 안에 gnb메뉴를 넣습니다. 그럼 이만. 총총.

coding/html + css · 2019. 8. 28. 07:30

[Node.js] 줄바꿈 하기

안녕하세요. 플입니다. 오늘은 node.js에서 줄 바꿈을 해보겠습니다. 줄바꿈 방법은 두 가지가 있는데 하나씩 설명드리겠습니다. 1. \ 첫 번째 방법은 역슬래시를 사용하는 방법으로 줄 바꿈을 하고 싶은 위치에 \n\를 입력해줍니다. 참고로 역슬래시는 엔터키 위의 \키입니다. 원모 양의 키를 입력해줍니다. 실행을 시켜보면 명령어를 입력해준 부분에서 줄 바꿈이 된 것을 확인할 수 있습니다. 하지만 이 방법은 줄 바꿈마다 명령어를 입력해줘야 하는 불편함이 있어 다른 방법을 더 선호합니다. 2. 템플릿 리터럴 템플릿 리터럴(Template Literals)은 새로운 문자열 표기방법이라고 생각하시면 됩니다. 쉽게 말해 문자를 쓰는 새로운 방식입니다. 작은따옴표(') 혹은 큰따옴표(")로 문자를 표기했던 게 기..

coding/JavaScript · 2019. 8. 24. 07:30

[Node.js] cmd로 실행하기

안녕하세요. 플입니다. 오늘은 Node.js를 실행해보겠습니다. 1. cmd 열기 실행창을 열어 cmd를 열어줍니다. 단축키는 window + R입니다. 2. 폴더 이동하기 기본 폴더가 C로 설정되어 있으니 D폴더로 이동해줘야 합니다. d:를 입력해 폴더를 이동해줍니다. d폴더로 이동했습니다. 다음은 Node.js파일을 저장한 폴더로 이동해줍니다. 명령어는 cd 폴더명입니다. cd는 "Change Directory"의 줄임말로 디렉토리, 즉 폴더를 바꿔주는 명령어입니다. 저는 폴더명을 nodejs라고 저장했기 때문에 cd nodejs라고 적어주었습니다. 엔터를 누르면 폴더가 이동된 걸 확인할 수 있습니다. 3. Node.js 실행하기 제가 실행시킬 node.js 파일입니다. nodejs라는 폴더 안쪽에 ..

coding/JavaScript · 2019. 8. 22. 07:30

[css] border-style 종류

안녕하세요. 플입니다. 오늘은 border-style 종류를 알아보겠습니다. border 보더는 테두리를 말합니다. css에서 border 값을 설정하면 테두리 디자인을 할 수 있습니다. 오늘은 그중 style에만 중점을 두고 살펴보겠습니다. 1. dotted 도티드는 점선이라고 생각하시면 됩니다. 테두리가 점선으로 처리됩니다. p{ border-style: dotted; } 2. dashed 대쉬드는 짧은 선이 연속으로 나옵니다. 점선과 비슷하지만 점보다는 조금 긴 모양이죠. p{ border-style: dashed; } 3. solid 솔리드는 가장 많이 사용하는 형태로 선 타입입니다. p{ border-style: solid; } 3. double 더블은 두줄이 나옵니다. 주의할 점은 두줄이기 때..

coding/html + css · 2019. 8. 7. 07:30

[꿀정보] 코딩야학 6기

안녕하세요. 플입니다. 오늘은 코딩야학을 소개해보려고 합니다. 저는 5기 때 기초 수업을 들었는데 벌써 6기가 시작하네요. 기간은 8월 1일 ~ 8월 14일 까지 입니다. 코딩에대한 기초공부도 할 수 있고, 프로젝트를 진행할 수도 있는 10일 기간의 수업입니다. 무엇보다 전문가에게 질문할 수 있다는 점이 매력적입니다. 그리고 혼자하는 공부보다는 여럿이 하는 공부가 역시 오래가고 즐겁지 않겠습니까? 더 많은 사람들과 같이 시작해보고자 여기에도 남겨봅니다. 기초 수업은 생활코딩에서 계속 들을 수 있지만 질문은 10일간의 기간에만 할 수 있으니 10일을 알차게 활용해봅시다. https://youtu.be/N3IAR4DSJYQ 위는 코딩야학 모집 영상입니다. https://coding.yah.ac/ 코딩야학 진..

coding/개발 팁 · 2019. 8. 1. 07:30

코딩 121