Web Programming/Javascript 썸네일형 리스트형 자바스크립트의 함수에 대해 알아보기 II 함수의 사용 방법과 콜백 함수(Callback Function)에 대해 이전 글에서 알아봤습니다. 이번에는 콜백 함수를 인자로 사용하는 함수에 대해 알아보고자 합니다. 자바스크립트의 함수에 대해 알아보기 I 자바스크립트의 함수에 대해 알아보기 I 함수는 여러 코드들을 하나로 묶어 관리함으로 쉽고 편하게 프로그래밍할 수 있도록 해줍니다. 함수를 사용하게 되면 프로그램이 간략하게 되며 반복적인 작업이 줄어들게 되어 프로그램 작성 mr-johndoe.tistory.com 3. forEach 함수 forEach 함수는 배열에서만 사용되는 메서드로 배열의 요소들을 반복 사용하는 반복문입니다. 콜백 함수를 사용하여 forEach를 사용할 때 사용 방법은 아래와 같습니다. 배열 이름. forEach ( functio.. 더보기 자바스크립트의 함수에 대해 알아보기 I 함수는 여러 코드들을 하나로 묶어 관리함으로 쉽고 편하게 프로그래밍할 수 있도록 해줍니다. 함수를 사용하게 되면 프로그램이 간략하게 되며 반복적인 작업이 줄어들게 되어 프로그램 작성을 편리하게 해줍니다. 함수에 대해 자세히 알아보고 이를 적극 활용하여 보다 즐거운 프로그래밍이 되도록 합시다. Visual Studio Code 설치 Visual Studio Code 설치 HTML, CSS, Javascript를 작성할때 사용하는 프로그램중 최근에 가장 많이 사용되고 있는 개발 전용 에디터 프로그램인 비주얼 스튜디오 코드 (Visual Studio Code)에 대해서 알아보겠습니다. Visual Studio Code mr-johndoe.tistory.com Visual Studio Code 자바스크립트 실행.. 더보기 자바스크립트 반복문 For와 While 사용하기 1. For 문 For문은 주어진 조건이 참이면 For문을 수행하고 주어진 조건이 거짓이면 For문 다음 문장을 수행합니다. 가장 일반적으로 반복문을 사용할 때 For문을 사용합니다. 또한 자바스크립트에서는 For문 외에도 For in, For of 등이 있습니다. ① For 문 For 문의 구성은 다음과 같습니다. for ( 초기값 ; 조건문 ; 초기값의 변화량) { 실행문 } For문은 주어진 초기값이 조건문에 부합하는지 확인하고 참이면 실행문을 실행합니다. 그리고 초기값을 초기값의 변화량만큼 변화시킵니다. 다시 변화된 초기값을 조건문에 부합하는지 확인하고 거짓이 될 때까지 실행문과 초기값의 변화량을 실행하며 For문을 반복 수행합니다. 1부터 10까지 화면에 출력하는 반복문을 For문으로 만든다면 .. 더보기 자바스크립트 배열 선언하는 방법 배열은 숫자, 문자, Bool과 같은 데이터를 하나의 묶음으로 만든 것입니다. 기존 상수나 변수는 하나의 값만을 갖습니다. 하지만 배열은 여러가지의 값을 가질 수 있습니다. 배열에 입력되는 값을 요소라고 합니다. 배열은 정의된 이름으로 요소의 개수만큼 방을 만든다고 생각하시면 됩니다. 그리고 가장 첫번째 방이 0번이라는 것도 기억해 두시기 바랍니다. 배열을 선언하는 방법은 아래와 같습니다. 배열이름 = [ 요소1, 요소2, 요소3, ..., 요소n ] 위의 식을 풀어쓰자면 배열이름의 배열을 만드는데 요소의 개수인 n개의 방을 만들어 각 요소1부터 요소n까지 입력합니다. 가장 첫번째 방은 0번방으로 요소1이 입력됩니다. 이를 풀어 쓴다면 다음과 같습니다. 배열이름[0] = 요소1 배열이름[1] = 요소2 .. 더보기 자바스크립트 조건문 알아보기 1. IF 조건문 IF 조건문은 일반적으로 많이 쓰입니다. 주어진 조건식을 만족할 경우 IF문을 실행하고 그렇지 않을 경우에는 IF문을 실행하지 않고 건너뛰어 프로그램이 진행됩니다. IF 조건문 사용 방법은 다음과 같습니다. IF (조건문) { 실행할 내용 } 주어진 조건문이 참일 경우에만 실행할 내용을 실행하게 되며, 조건문이 거짓일 경우에는 실행할 내용을 실행하지 않고 다음 문장으로 넘어갑니다. 만약 조건문을 만족하지않을때도 실행할 내용을 정의하려고 한다면 else를 IF와 함께 사용합니다. 사용 방법은 다음과 같습니다. IF (조건문) { 실행할 내용 1 } else { 실행할 내용 2 } 조건문이 참일 경우에는 실행할 내용 1 을 실행하고 거짓일 경우에는 실행할 내용 2 를 실행합니다. 이와같은 .. 더보기 자바스크립트 자료형 II 자바스크립트로 코드를 작성하여 실행하는 방법으로 Visual Studio Code를 이용할 수 있지만 파일을 저장하여 저장된 파일을 실행해야만 결과값을 확인할 수 있기 때문에 좀 더 간단한 방법으로 구글 크롬을 이용하면 편리합니다. 구글 크롬을 여시고 주소입력란에 'about:blank'라고 입력하고 엔터를 칩니다. 그럼 아무 내용이 없는 창이 열립니다. 그럼 F12 키를 누르거나 Ctrl + Shift + I 키를 동시에 누릅니다. 그러면 우측에 아래 그림과 같은 창이 뜹니다. 이를 개발자 도구라 부릅니다. 개발자 도구에서 console 탭을 누르고 '>' 옆에 코드를 입력하여 엔터키를 누르면 코드가 바로 실행되어 그 결과를 확인할 수 있습니다. 1. 상수와 변수 상수는 하나의 값을 나타내며 변화가 없.. 더보기 자바스크립트 자료형에 대해 알아봅시다 1. 자바스크립트란? 자바 스크립트 (Javascript)를 위키백과에서 찾아보면 다음과 같이 설명하고 있습니다. 자바스크립트(영어: JavaScript)는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. 또한 Node.js와 같은 런타임 환경과 같이 서버 프로그래밍에도 사용되고 있다. 자바스크립트는 본래 넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 아이크(Brendan Eich)가 처음에는 모카(Mocha)라는 이름으로, 나중에는 라이브스크립트(LiveScript)라는 이름으로 개발하였으며, 최종적으로 자바스크립트가 되었다. 자바스크립트가 썬 마이크로시스템즈의 자바와 구문이 유사한 점도 있.. 더보기 이전 1 다음
아무개의 취미생활
