coding 259
[Javascript] 변수 범위
안녕하세요. 플입니다. 오늘은 변수 범위를 알아보겠습니다. 변수에 대해 궁금하시다면 아래 링크를 확인해주세요. https://ssimplay.tistory.com/54 [Javascript] 변수 설정하기 안녕하세요. 플입니다. 오늘은 변수를 설정해보겠습니다. ▷변수 변수란 쉽게 말해 새로운 이름을 지어주는 것입니다. 예를 들자면 줄임말과 같습니다. 최근엔 줄임말이 굉장히 많죠. '세젤귀'는 '세상에서 제일.. ssimplay.tistory.com ▷변수 범위 변수 범위에는 크게 두 가지 종류가 있습니다. 종류 설명 전역 범위 프로그램의 어디서든 사용할 수 있다 지역 범위 프로그램의 제한된 범위 안에서만 사용할 수 있다 두 가지의 범위가 어떻게 다른지 예시로 살펴보겠습니다. 1. 전체 코드 살펴보기 va..
[Javascript] 변수 설정하기
안녕하세요. 플입니다. 오늘은 변수를 설정해보겠습니다. ▷변수 변수란 쉽게 말해 새로운 이름을 지어주는 것입니다. 예를 들자면 줄임말과 같습니다. 최근엔 줄임말이 굉장히 많죠. '세젤귀'는 '세상에서 제일 귀여운'의 줄임말입니다. 여기서 '세젤귀'가 변수입니다. 세상에서 제일 귀엽다고 말해도 되지만 세젤귀라고 줄여 부르는 것이 빠르고 간편하게 말할 수 있죠. 변수 역시 빠르고 간편하게 코딩을 하기 위해 사용합니다. 1. var var 위의 코드를 참고해서 봐주세요. 우선 변수를 설정하기 전에 앞쪽에 var이라는 단어를 적어줍니다. var은 변수라는 의미의 영어단어 'variable'의 약자로 지금 적는 단어가 변수라는 것을 알려줍니다. var을 적지 않았을 때 오류가 발생하지는 않으나 코딩이 길어졌을 때..
[html] nav태그
안녕하세요. 플입니다. 오늘은 nav태그를 이용해 메뉴를 만들어봤습니다. https://youtu.be/4kNNcnqQ42g 오늘은 영상으로 대체하겠습니다. 코딩 화면을 한번 찍어봤습니다. About Portfolio Contact 전체 코드를 남겨둡니다. 태그는 메뉴를 감쌀 때 주로 사용하는 태그입니다. 보통 태그 안에 gnb메뉴를 넣습니다. 그럼 이만. 총총.
[jQuery] 아코디언 패널 만들기
안녕하세요. 플입니다. 오늘은 .slidDown()을 이용해 아코디언 패널을 만들어보겠습니다. 1. html 작성 태그를 이용해 아코디언 패널에 적을 내용을 만들어줍니다. 태그란 description list의 약자로 개념을 서술하는 리스트라고 생각하시면 됩니다. 가장 큰 특징은 태그에 입력한 글은 자동으로 들여 쓰기가 되어 태그의 설명이라는 것을 알려주는 것입니다. 2. 스타일 넣기 스타일은 예시 컨텐츠를 만들거라 간단하게 넣어줬습니다. 각각 프로젝트에 맞게 설정해주면 됩니다. css 적용 화면은 위와 같습니다. 3. $(function(){ }); jQuery를 사용하기 위해 $(function(){ }); 를 입력합니다. { } 안쪽에 코드를 입력합니다. 4. 감추기 영역은 처음에는 감춰져있어야 합..
[Node.js] 줄바꿈 하기
안녕하세요. 플입니다. 오늘은 node.js에서 줄 바꿈을 해보겠습니다. 줄바꿈 방법은 두 가지가 있는데 하나씩 설명드리겠습니다. 1. \ 첫 번째 방법은 역슬래시를 사용하는 방법으로 줄 바꿈을 하고 싶은 위치에 \n\를 입력해줍니다. 참고로 역슬래시는 엔터키 위의 \키입니다. 원모 양의 키를 입력해줍니다. 실행을 시켜보면 명령어를 입력해준 부분에서 줄 바꿈이 된 것을 확인할 수 있습니다. 하지만 이 방법은 줄 바꿈마다 명령어를 입력해줘야 하는 불편함이 있어 다른 방법을 더 선호합니다. 2. 템플릿 리터럴 템플릿 리터럴(Template Literals)은 새로운 문자열 표기방법이라고 생각하시면 됩니다. 쉽게 말해 문자를 쓰는 새로운 방식입니다. 작은따옴표(') 혹은 큰따옴표(")로 문자를 표기했던 게 기..