자바스크립트7 [Javascript] Arrow Function (ES6 버전) 지난 포스팅에서 Javascript의 ES6버전 이상에서 사용할 수 있는 키워드나 문법들을 알아보았습니다. 여러 가지가 있었지만 자세하게는 본 것이 아니기에 하나씩 다시 포스팅하려 합니다. 이번 포스팅에서는 Arrow Function에 대해서 알아보도록 하겠습니다. Javascript Arrow Function은 무엇인가 화살표 함수라고 표현하기도 모호하고 프로그래밍의 경우는 원어 그대로 사용하는 것이 더 직관적일 수 있기에 저는 Arrow function이라 사용합니다. Arrow function은 특별한 함수가 아닌 키워드를 의미합니다. 기존 함수의 생성은 아래와 같이 만들었습니다. function myFunc1() { console.log('myFunc1'); } let myFunc2 = funct.. 2021. 5. 14. [Javascript] 배열(Arrays)에 대해서 알아보자! 앞선 포스팅들에서 자바스크립트(Javascript)의 Object에 대해서 알아보았습니다. Object를 알았다면 또 하나 더 알아두어야 할 구조가 바로 배열(Arrays)입니다. 이번 포스팅에서는 배열이 무엇이고 어떻게 만들고 사용하는지 알아보도록 하겠습니다. Javascript 배열(Arrays)이란 먼저 배열은 여러 개의 Object들을 저장해놓은 공간이라 생각할 수 있습니다. 그래서 배열은 다음과 같은 형태를 가집니다. const arrays = [object, object, ... , object]; 배열 내부에는 숫자가 들어갈수도, 문자 혹은 문자열이 들어갈 수도 있습니다. 다양한 Object가 배열 내에 삽입될 수 있으며 이렇게 여러 개의 Object들이 배열을 구성합니다. 배열을 생성하는 .. 2021. 5. 8. [Javascript] Object와 메소드(Method)의 사용법 Javascript에서 Object를 만드는 것은 생각보다 직관적이고 쉽습니다. 그리고 이 Object 안에 메소드를 함께 넣어서 만들 수도 있습니다. 연관된 값들을 메소드를 이용해서 계산하고 결과를 출력해 줄 수도 있습니다. 이번 포스팅에서는 Object와 메소드를 함께 이용하는 방법을 알아보겠습니다. Object 내부 메소드 사용방법 Javascript Object를 생성시에 메소드를 만들 수 있습니다. const student = { num: 1, name: 'koonsland', hello: function(){ console.log('Welcome to Koonsland') } } 이렇게 만든 메소드는 점을 이용한 표현으로 아래와 같이 실행할 수 있습니다. student.hello(); 변수라면.. 2021. 5. 4. [Javascript] Object의 생성과 사용 방법 앞선 여러 가지 포스팅에서 Javascript의 문법과 사용 방법들에 대해서 알아보았습니다. 모든 언어와 마찬가지로 Javascript도 변수와 상수가 선언이 가능하고 조건문, 반복문들을 사용해서 프로그램이을 진행 합니다. 또한 함수를 사용해서 특정 기능을 모을 수 있으며 이러한 함수들을 여러 개 만들어서 하나의 프로그래밍으로 만들 수도 있습니다. 오늘 포스팅에서는 변수와 상수, 함수들을 하나로 묶어서 사용해 볼 수 있는 Object에 대해서 알아보도록 하겠습니다. Javascript Object란 무엇인가 Javascript의 Object는 C 언어나 Java 언어와 같이 struct 혹은 new를 이용해서 구조체 혹은 객체를 생성하기 위한 클래스를 생성할 필요가 없습니다. 사용할 필요가 있을 때 바로.. 2021. 5. 1. [Javascript] 화면에 로그 출력 console.log() 앞선 포스팅에서는 변수와 상수에 대해서 알아보았습니다. Javascript는 ES6버전으로 넘어가면서부터 새로운 문법들이 등장하고 있고 기존의 문법들과 함께 사용되고 있기에 배워둬야 할 것들이 많아지는 것 같습니다. 이번 포스팅에서는 화면에 로그를 출력하는 함수에 대해서 알아보겠습니다. 화면에 로그 출력 console.log() 화면에 로그를 출력한다는것은 콘솔 창을 의미합니다. Chrome의 하단에 콘솔 탭에서 출력하도록 만들기 위해 사용되는 방법입니다. 아래와 같이 사용합니다. console.log('Hello, Javascript'); console.log() 함수의 괄호 안에 원하는 글자, 숫자 혹은 변수 및 상수를 넣어서 화면에 출력할 수 있습니다. 다시 예를 들어보겠습니다. let num1 =.. 2021. 4. 7. [Javascript] 변수(Variables) vs 상수(Constants) 지난 포스팅에서는 Javascript가 무엇인지에 대해서 간략하게 알아보았습니다. 2021.04.03 - [쿤즈 Dev/HTML & CSS & Javascript] - [Javascript] Javascript 소개 및 여러가지 실행 방법 이제 실제 Javascript 프로그래밍을 하기위해 가장 먼저 알아보는 변수(Variables)와 상수(Constants)입니다. 이번 포스팅에서는 Javascript에서 사용하는 변수와 상수의 개념에 대해서 알아보고 직접 구현해 보도록 하겠습니다. Javascript 변수(Variables) 변수라 함은 변하는 값을 의미합니다. 어떤 구역(블록)에서 변수에 담기는 값이 변하고 달라질 수 있는 값을 의미합니다. 다음을 보도록 하겠습니다. let number = 3; 여.. 2021. 4. 6. [Javascript] Javascript 소개 및 여러가지 실행 방법 이번 포스팅에서는 Javascript를 학습하기 위해서 이용할 수 있는 여러 가지 방법들에 대해서 알아보도록 하겠습니다. Javascript 소개 Javascript는 최근 굉장히 많이 사용되고 있는 프로그래밍 언어입니다. 웹 브라우저에서 동적으로 사용되는 부분들은 대부분 Javascript로 프로그래밍해서 보여줍니다. 그래서 오직 클라이언트에만 해당되는 프로그래밍이었습니다. 이제는 서버-사이드 프로그래밍 언어로도 사용이 되고 있습니다. React, React-Native, Angular, Nodejs 등 여러가지 개발 플랫폼에서 Javascript가 사용되고 있습니다. Javascript는 사용하기 편리하도록 개발된 프레임워크가 있습니다. 바로 jQuery입니다. 이 프레임워크는 서로다른 브라우저에서 .. 2021. 4. 3. 이전 1 다음
