/프론트엔드 개발자 김동휘의 개발일지 2025-01-09T08:22:47+09:00 Kim Dong Hwi / Jekyll © 2025 Kim Dong Hwi /assets/img/favicons/favicon.ico /assets/img/favicons/favicon-96x96.png 2025-01-08T22:00:00+09:00 2025-01-08T22:00:00+09:00 /posts/javascript-day5/ Kim Dong Hwi

자바스크립트 공부하기 5일차 객체 (Object) 객체 객체는 숫자형이나 문자형과 겉아 원시 자료형과 달리 다양한 값을 담는 자료형이다. 객체의 생성 let person = { name: '김동휘', age: 23, }; 위의 person 객체는 2개의 프로퍼티로 구성되어있다. key는 name, value는 ‘김동휘’인 프로퍼티, key는 age, value는 23인 프로퍼티가 있다. 객체 프로퍼티 접근 객체의 프로퍼티에 접근하려면 객체 이름 뒤에 점(.)을 찍고 프로퍼티 key를 명시해 해당 프로퍼티의 value에 접근하거나 (점 표기법) 객체 이름 뒤에서 대괄호([])를 열고, 그 안에 원하는 프로퍼티의 key를 문자열로 명시하여 해당 프로퍼티의 val...

2025-01-07T22:00:00+09:00 2025-01-09T08:22:19+09:00 /posts/javascript-day4/ Kim Dong Hwi

자바스크립트 공부하기 4일차 함수 선언, 함수 표현식, 화살표 함수 함수 함수는 ‘이름이 붙은 명령들의 모음’이라고 말할 수 있다. 공통으로 사용하는 유사 코드를 하나로 묶어 함수라는 이름으로 사용할 수 있다. 함수 선언 function 함수 이름(매개변수) { 함수에서 실행할 명령 } function이라는 키워드를 사용해서 함수를 만든다. 매개변수는 함수에 값을 전달하는 일종의 매개체이다. 함수에서 실행할 명령에 실행할 명령 내용을 입력한다. 함수의 예시 아래의 예시는 두개의 수를 매개변수로 받아서 더하여 출력하는 함수이다. function add(num1, num2) { const result = num1 + num2; return result;...

2025-01-04T20:00:00+09:00 2025-01-04T20:00:00+09:00 /posts/javascript-day3/ Kim Dong Hwi

자바스크립트 공부하기 3일차 반복문, switch 문 반복문 프로그래밍에서 동일하거나 유사한 동작이 반복해서 나올 때 반복문을 사용한다. 1부터 100까지 콘솔 출력하기 반복문을 사용하지 않고 1부터 100까지 콘솔을 출력한다고 가정한다면, console.log를 100번 작성해야 한다. console.log(1) console.log(2) (...) console.log(99) console.log(100) 만약 반복문을 사용한다면 100줄의 코드 대신 단 3줄의 코드로 구현할 수 있다. for (let i = 1; i <= 100; i++) { console.log(i); } 출력결과 1 2 (...) 99 100 1~100까지 출력된다. for...

2025-01-03T12:00:00+09:00 2025-01-03T12:00:00+09:00 /posts/javascript-day2/ Kim Dong Hwi

자바스크립트 공부하기 2일차 산술 연산자, 비교 연산자, 논리 연산자 산술 연산자 종류 덧셈(+), 뺄셈(-), 곱셈(*), 나눗셈(/), 나머지(%) 예제1 let num1 = 1; let num2 = 2; console.log(num1 + num2); console.log(num1 - num2); console.log(num1 * num2); console.log(num1 / num2); console.log(num1 % num2); 출력결과 3 -1 2 0.5 1 우선순위 곱셈, 나눗셈, 나머지 연산자는 덧셈, 뺄셈 연산자보다 우선순위가 높다. 동등한 우선순위를 가질 때는 왼쪽에서 오른쪽으로 차례대로 계산한다. 소괄호를 사용하면 원하는 연산부터 먼저 계산할 수...

2025-01-02T20:00:00+09:00 2025-01-03T12:53:23+09:00 /posts/javascript-day1/ Kim Dong Hwi

자바스크립트 공부하기 1일차 변수와 상수, 자료형, 형 변환, 안내 메시지 표시 방법 자바스크립트란? 예전에는 웹 페이지를 만들 때 사용하는 언어였는데, 요즘은 서버 개발 등도 할 수 있게 되었다. 웹 페이지의 요소는 HTML, CSS, 자바스크립트 3가지이고, 그중 자바스크립트는 웹 페이지 요소의 동작 정의를 할 때 사용한다. 변수와 상수 변수 프로그램 실행 과정에서 변경될 수 있는 값을 저장하는 저장소 let age = 22; // age 변수를 선언하고 값으로 22 할당 console.log(age); age = 23; // age 변수의 값을 23으로 변경 console.log(age); 출력결과 22 23 상수 프로그램 실행 과정에서 변경되지 않는 값을 ...