[javaScript] 경고창

안녕하세요. 플입니다. 오늘은 홈페이지에 경고창을 띄워보겠습니다. 1. alert alert(11); 경고창은 alert를 이용해 만들 수 있어요. alert( ); 괄호 안에 넣고 싶은 문구를 넣어주시면 됩니다. 2. 문자 alert("회원만 접근 가능한 페이지 입니다."); 자주 사용하는 경고창 문구는 회원만 이용할 수 있는 페이지 접근 제한 정도가 있겠죠? 혹시 1번에서 쓴 코드와 차이점을 찾으셨나요? 눈치채신대로 ""(따옴표)가 추가되었습니다. 이렇게 숫자가 아닌 문자는 따옴표를 꼭 적어주셔야합니다. 만약 따옴표를 적지 않는다면 자바스크립트가 전혀 동작하지 않습니다. 자바스크립트는 전체 내용중 하나라도 틀리면 모두 동작하지 않으니 주의해주세요! alert( );의 주의점은 문자일 때 꼭! 따옴표!..

coding/JavaScript · 2019. 12. 4. 07:30

[Node.js] 작업 확인하기

안녕하세요. 플입니다. 오늘은 nodejs에서 작업한 것을 확인하는 법을 알아보겠습니다. 1. localhost 이 경우는 웹 서버에 올리지 않고 개인 pc에 있는 상태에서 확인하는 방법입니다. 개인 pc에 있다면 주소창에 localhost라고 입력해줍니다. localhost는 자신의 pc에 있는 파일을 웹브라우저에 불러올 때 사용하는 주소입니다. 2. 주소 입력 위의 이미지처럼 숫자를 적어두는데요 저 숫자와 동일하게 적어줍니다. 합쳐서 localhost:3000이라고 적어줍니다. 주소로 이동하면 이렇게 작업한 페이지가 뜨게 됩니다. 이렇게 웹서버에 올리지 않고 작업 파일을 확인할 수 있습니다. 그럼 이만. 총총.

coding/JavaScript · 2019. 9. 27. 18:30

[Javascript] 변수 범위

안녕하세요. 플입니다. 오늘은 변수 범위를 알아보겠습니다. 변수에 대해 궁금하시다면 아래 링크를 확인해주세요. https://ssimplay.tistory.com/54 [Javascript] 변수 설정하기 안녕하세요. 플입니다. 오늘은 변수를 설정해보겠습니다. ▷변수 변수란 쉽게 말해 새로운 이름을 지어주는 것입니다. 예를 들자면 줄임말과 같습니다. 최근엔 줄임말이 굉장히 많죠. '세젤귀'는 '세상에서 제일.. ssimplay.tistory.com ▷변수 범위 변수 범위에는 크게 두 가지 종류가 있습니다. 종류 설명 전역 범위 프로그램의 어디서든 사용할 수 있다 지역 범위 프로그램의 제한된 범위 안에서만 사용할 수 있다 두 가지의 범위가 어떻게 다른지 예시로 살펴보겠습니다. 1. 전체 코드 살펴보기 va..

coding/JavaScript · 2019. 9. 4. 07:30

[Javascript] 변수 설정하기

안녕하세요. 플입니다. 오늘은 변수를 설정해보겠습니다. ▷변수 변수란 쉽게 말해 새로운 이름을 지어주는 것입니다. 예를 들자면 줄임말과 같습니다. 최근엔 줄임말이 굉장히 많죠. '세젤귀'는 '세상에서 제일 귀여운'의 줄임말입니다. 여기서 '세젤귀'가 변수입니다. 세상에서 제일 귀엽다고 말해도 되지만 세젤귀라고 줄여 부르는 것이 빠르고 간편하게 말할 수 있죠. 변수 역시 빠르고 간편하게 코딩을 하기 위해 사용합니다. 1. var var 위의 코드를 참고해서 봐주세요. 우선 변수를 설정하기 전에 앞쪽에 var이라는 단어를 적어줍니다. var은 변수라는 의미의 영어단어 'variable'의 약자로 지금 적는 단어가 변수라는 것을 알려줍니다. var을 적지 않았을 때 오류가 발생하지는 않으나 코딩이 길어졌을 때..

coding/JavaScript · 2019. 9. 2. 07:30

[jQuery] 아코디언 패널 만들기

안녕하세요. 플입니다. 오늘은 .slidDown()을 이용해 아코디언 패널을 만들어보겠습니다. 1. html 작성 태그를 이용해 아코디언 패널에 적을 내용을 만들어줍니다. 태그란 description list의 약자로 개념을 서술하는 리스트라고 생각하시면 됩니다. 가장 큰 특징은 태그에 입력한 글은 자동으로 들여 쓰기가 되어 태그의 설명이라는 것을 알려주는 것입니다. 2. 스타일 넣기 스타일은 예시 컨텐츠를 만들거라 간단하게 넣어줬습니다. 각각 프로젝트에 맞게 설정해주면 됩니다. css 적용 화면은 위와 같습니다. 3. $(function(){ }); jQuery를 사용하기 위해 $(function(){ }); 를 입력합니다. { } 안쪽에 코드를 입력합니다. 4. 감추기 영역은 처음에는 감춰져있어야 합..

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