분류 전체보기
-
#JavaScript Grammar_일급 객체로서의 함수Javascript 2023. 10. 19. 10:53
# 일급 객체(First-Class Object)란? 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리키며, 함수는 일급 객체로 취급되기 때문에 매우 유연하게 사용할 수 있음. 1) 변수에 함수를 할당 함수는 변수에 할당할 수 있음. 함수는 값으로 취급되기 때문에, 다른 변수와 마찬가지로 변수에 할당할 수 있음. 변수에 할당된 함수는 나중에 사용할 수 있음. const sayHello = function() { console.log('Hello!'); }; sayHello(); // "Hello!" 출력 2) 함수를 인자로 다른 함수에 전달 함수는 다른 함수에 인자로 전달될 수 있음. 함수가 값으로 취급되기 떄문에, 다른 함수의 인자로 전달할 수 있음. 이것은 콜백(callback)..
-
#TIL(Today I Learned)_23.10.18TIL (Today I Learned) 2023. 10. 19. 01:14
# 오늘 한 일 1) JavaScript 문법 2주차 블로그에 정리하고 3주차 다시 듣기 △ ≫ 2주차 강의 자료 정리(익일까지 마무리 예정) 2) 알고리즘 문제 다시 풀어보기 O ≫ 같은조 팀장님과 알고리즘 2문제 풀이(완전탐색, 탐욕법) 추후 내용 정리 후 분석 예정 3) 개인과제 발제 나오면 틀 만들어서 제작 준비하기 O ≫ 금일 와이어 프레임 구상 및 HTML 뼈대코드 작성 # 오늘의 느낀 점 // 개인 과제 시작!! 금일 개인 과제 발제가 진행되었고 새로 배정된 팀과 간단하게 이야기를 나눈 후 팀 목표를 세웠다. 어쩌다 보니 팀장직을 맡게 되었는데 아직 내가 매우 부족하기에 걱정이 많다. 쾌락 없는 책임이랄까... 그래도 이왕 맡은 거 최선을 다해서 팀원들을 이끌어봐야겠다. 그러려면 평소보다 더..
-
#JavaScript Grammar_ES6문법Javascript 2023. 10. 19. 00:12
# ES6(ECMAScript 6)란? JavaScript의 버전 중 하나로, 15년도에 발표됨. 이전 버전인 ES5에서 새로운 문법과 기능을 도입하여 효율적으로 코드를 작성 할 수 있도록 개선함. //ES6이후 대격변 1) let, const 기존 변수 선언인 var를 대체해서 나온 변수 선언 키워드이며, var, const, let의 차이는 선언과 할당의 차이로 나누어짐. - 선언: 변수명을 자바스크립트 엔진에 알리는 것. - 할당: 변수에 값을 저장하는 것(= 할당연산자). *** let의 특징: 재할당은 가능하고, 재선언은 불가능함. let value = "value1" console.log(value) // value1 value = "value2" // 재할당 가능 console.log(val..
-
#TIL(Today I Learned)_23.10.17TIL (Today I Learned) 2023. 10. 18. 00:48
# 오늘 했던 일 1. JavaScript 문법 공부 5주차 학습 완료 5-01) DOM 소개 5-02) DOM_API 실습18:01 5-03) 클래스 소개 및 간단 예제14:24 5-04) 클래스 생성 연습10:12 5-05) 클래스_getters setters 개념 및 예제14:32 5-06) 클래스_getters setters 실전 연습13:47 5-07) 클래스_상속15:44 5-08) 클래스_정적 메소드05:12 5-09) 클로저_소개 및 예시16:59 5-10) 클로저_클로저의 활용 2. JavaScript 문법 1주차 3회차 수강 후 블로그에 정리 완료 3. JavaScript 문법 2주차 3회차 수강 # 오늘의 느낀 점 어제오늘 알고리즘 오전 특강을 듣는데 이해를 못 하는 부분이 많아서 많..
-
#YIL(Yesterday I Learned)_23.10.17-1TIL (Today I Learned) 2023. 10. 17. 18:06
# 어제 했던 일 1. JaScript 문법 공부 블로그에 1주차 내용 정리하면서 곱씹어보기 2. 알고리즘 특강 듣기 3. 알고리즘 팀원들과 풀어보기 # 어제의 느낀 점 //어제 TIL을 작성하지 못했던 것에 반성하며 YIL 작성 강의를 다 듣기도 전에 이전에 배운 내용을 잊어버렸다. 결국 5주 차 강의는 오늘로 미루고 저번 주 주말부터 1주 차 강의를 곱씹어 보며 내용 정리를 블로그에 시작하였다. 블로그에 하나하나 이해하면서 정리하다 보니 기억이 다시 새록새록났지만 정리하는데 시간이 너무 오래걸려서 아주 답답했다. 강의를 다 듣지를 못했는데 알고리즘 문제까지 같이 풀다 보니 어제의 나는 혼자 대환장 파티였다. 정말 총체적 난국이다. 지금의 나는 한숨이 나오는 실력에다가, 배우는 속도가 매우 느리다. 동..
-
#JavaScript Grammar_반복문(for/while/break/continue)Javascript 2023. 10. 17. 16:05
# for 반복문이란? for (초기값; 조건식; 증감식) { // 반복할 코드 } - `초기값`: 반복문이 시작될 때 사용할 변수의 초기값을 설정함 . 이 값은 반복문이 시작되기 전에 한 번 실행됨. - `조건식`: 매 반복마다 검사되는 조건임. 조건이 `true`인 동안 반복문이 실행됨. - `증감식`: 각 반복이 끝날 때마다 변수의 값을 변경하거나 업데이트하는 역할을 함. 예를 들어, `for` 반복문은 초기값을 설정하고, 조선식을 검사하여 조건이 `true`인 경우 코드 블록 내의 명령문을 실행하며, 증감식을 통해 반복 횟수를 제어함. # for 반복문 `for` 반복문은 반복 횟수가 정해진 경우나 배열과 함께 사용할 때 효과적 1) 기본적인 for 문 for (let i = 0; i < 10; ..
-
#JavaScript Grammar_배열Javascript 2023. 10. 17. 00:21
# 배열(Aray) 생성 let fruits = ["사과", "바나나", "오렌지"]; - `fruits`는 배열이고, `[ ]`안에 "사과", "바나나", "오렌지"와 같은 요소가 쉼표 `,`로 구분 저장됨. - 배열은 순서대로 요소를 저장하며, 각 요소에는 인덱스가 할당됨. # 배열의 크기 지정 let numbers = new Array(5); - 크기가 5인 배열 numbers를 생성하며, new Array()를 사용하여 배열의 크기를 지정할 수 있음. # 배열 요소 접근 배열의 요소에 접근할 때는 해당 요소의 인덱스를 사용하며, 인덱스는 0부터 시작함. let fruits = ["사과", "바나나", "오렌지"]; console.log(fruits[0]); // "사과" console.log(fr..
-
#JavaScript Grammar_객체Javascript 2023. 10. 16. 23:37
# 객체(Object)란? 자바스크립트에서 중요한 데이터 구조로, key-value pair로 데이터를 저장하며, 한 변수에 다양한 종류의 값(데이터 타입)을 포함할 수 있음. #Key-Value Pair 객체는 key-value pair을 통해 데이터를 구성함. 각 key는 해당하는 value에 대한 식별자 역할을 함. 이를 통해 데이터에 의미를 부여하고 관리함. #Value의 다양한 데이터 타입 객체의 key와 value에 할당할 수 있는 데이터 타입에는 제한이 없음. 문자열, 숫자, 불리언, 함수, 배열, 다른 객체 등 어떤 데이터 타입도 value로 사용할 수 있음. let person = { name: "John", // 문자열 age: 30, // 숫자 isStudent: false, // 불..