본문 바로가기

Javascript

다시 공부하는 자바스크립트- Array 자바스크립트 배열 완벽 가이드: 배열 만들기, 접근, 수정까지 한눈에 정리 자바스크립트 배열이란?프로그래밍을 하다 보면 관련된 데이터를 한 번에 묶어 처리하고 싶은 경우가 자주 생긴다. 예를 들어, 일주일의 요일이나 쇼핑 목록처럼 연관된 데이터를 다룰 때 자바스크립트 배열(Array)을 사용하면 효율적이다. 배열 없이 데이터를 나열한다면?만약 배열 없이 요일을 저장한다고 가정해보겠다. const mon = 'mon';const tue = 'tue'; const wed = 'wed';const thu = 'thu';const fri = 'fri'; const sat = 'sat'; const sun = 'sun'; 이렇게 일일이 변수를 만들면 코드가 비효율적이고 관리도 어렵다. 배열로 요일을 저장하기자바스크립트 배열은 대괄호 []와 쉼표 ,를 사용해 데이터를 그룹화할 수 있다... 더보기
다시 공부하는 자바스크립트 - 변수, const, let, var, Boolean, true, false, undefined, null 니꼴라스 선생님과 자바스크립트를 다시 공부하기로 했다. https://nomadcoders.co/javascript-for-beginners/lobby 바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad CodersJavascript For Beginnersnomadcoders.co 이 사이트로 가면 자바스크립트를 처음부터 배울 수 있다. 1. variable const 변하지 않는 값, 값이 바뀔 수 없다. : 상수 constant 개발자는 숫자를 일일이 적기 싫어한다. 그래서 변수를 만든다. 변수를 만들어 숫자를 거기에 넣어준다. let 은 새로운 것은 생성할 때 사용하는 것 let 은 변할 수 있는 값, 업데이트하고 싶은 값을 쓸 때 쓴다. 기본적으로 const , 필요할 때만 let 사용.. 더보기
자바스크립트 공부 - 자바스크립트 주석 3가지 방법 HTML, CSS 뿐만 아니라 Javascript에도 주석을 다는 방법이 있다. See the Pen ) on CodePen. 더보기
값 - 타입 시스템, 원시 값, 참조 타입, undefined & null, 타입 변환_Javascript 타입 시스템 타입(data type)이란 프로그램에서 다룰 수 있는 값의 종류를 의미 자바스크립트에서는 여러 가지 형태의 타입을 미리 정의하여 제공하고 있으며, 이것을 기본 타입이라고 한다. 자바스크립트 언어는 동적 언어다. 그리고 느슨한 언어이기에 프로그래밍이 실행되는 과정에서 순간에 파악되는 부분들이 많다. 예를 들어 사용자가 문자 언어로 사용을 했는데 컴퓨터는 문자 언어를 숫자 언어로 실행되거나 사용자가 숫자 언어로 사용을 했는데 문자 언어로 실행되는 경우를 말한다. 그래서 자바스크립트에서는 타입을 잘 써야 한다. 자바스크립트는 두 가지로 타입이 나뉘는데 하나는 원시(Primitive) 값이고 또 다른 하나는 참조(객체 Reference) 타입이다. 원시값 (primitive type) 은 기본 데.. 더보기
함수, 객체, 함수 스코프, 블럭 스코프 _Javascript 함수 ( Function ) : 특정 일을 처리하는 코드 묶음, 함수로 어떤 문을 만들어놓고 그 문을 재활용할 수 있고 재사용하면서 다양한 패턴을 만들 수 있다. 함수에는 '반환 ( 돌려준다 )' 이 들어있다. 자바스크립트에서 함수는 return이 없으면 undefined로 돌려준다. 이걸 다른 언어에선 void function 이라고 부른다. 자바스크립트에서 함수는 반환문이 있고 반환문이 명시되어 있지 않는 경우 undefined가 리턴된다. 객체 : 필자가 생각하는 객체는 'Object' 라고 말하고 싶다. 함수 앞에 무엇가를 쓴 것을 객체라고 하고 싶다. TCP에선 객체라는 정의를 실생활에서 우리가 인식할 수 있는 사물로 이해할 수 있다고 나왔다. 출처 : "객체", TCP, 2021.12.11 접.. 더보기
문, 조건문, 반복문_Javascript 문 ( Statement ) : 명령과 흐름을 제어 자바스크립트에서는 제어문, 식문, 공문 등 많이 포함되어 있다. { } 문을 가지고 우리는 수많은 코드를 작성을 할 수 있다. 대표적으로 if 문, for 문, swith - case 문, while, do - while문, break 문, continue 문 등이 있다. 여러가지 문들을 통해 코드를 만들고 프로그램을 만들 수 있다. *사진 출처 : "while", w3school, 2021.12.06 접속, https://www.w3schools.com/jsref/jsref_dowhile.asp 조건문 ( if 문 ) EX ) if ( 식, 값 10 > 1 ) { return '10은 1보다 크다.' } else if ( 10 === 10) { ret.. 더보기
연산자, 비교 연산자, 산술 연산자, 논리 연산자_Javascript 연산자 ( Operator ) 값을 연산하기 위해 사용되는 부호 여러가지 연산자 대표적으로 = ( 할당 연산자 ) , == ( 비교 연산자 ) , + ( 산술 연산자 ) 등이 있다. = : 수학에서 같다의 표현을 쓰지만 프로그래밍 언어에서는 우항의 값을 좌항에 넣는다 의미다. == : 우항의 값과 좌항의 값이 값은지 구분해 준다. 비교 연산자 중에 동등 연산자, 일치 연산자, 크거나 같은 연산자, 작거나 같은 연산자, 불일치 연산자가 있다. 여기서 엄격하게 검사하는 거랑 느슨하게 검사하는 것이 있다. 엄격하게 검사하는 것은 ===을 넣어 줘야 하고 느슨한 검사는 ==를 넣어준다. 느슨한 검사를 할 때는 형 변환을 알아서 컴퓨터가 해주기에 엄격한 검사를 하는 것이 좋다. !!추천!! == 쓰지 말고 ===.. 더보기
변수 ( Variable), 값 ( Value ), 숫자, 문자, 불리언, Null, undefined _Javascript 어떤 프로그래밍 언어를 배울 때 처음은 '변수'에 대해 공부할 것이다. 변수 ( Variable ) 란? 값을 저장할 수 있는 박스 변수 선언 그리고 할당과 재할당을 할 때는 세 가지 키워드를 사용할 수 있다. ( var, const, let ) EX ) let lang = 'Javascript' 변수 선언 : let lang; 할당 : lang = 'JS' 재할당 : lang = 'Javascript' 선언과 동시에 재할당 : let lang = 'Javascript' 복합 할당 연산자 EX ) let count = 0; count = count + 1; 혹은 count = + 1; 추천!! 변수 선언하는 것은 CONST 키워드를 쓰는 것이 좋다. 변수를 선언할 때는 $와 _을 제외한 특수문자 X!! .. 더보기

티스토리툴바