본문 바로가기

분류 전체보기213

[3/31~4/1] TIL_4, 5일차 오늘 공부한 내용 📝 JS의 생성자함수를 마무리하고 이어서 다른 언어에서도 사용하는 클래스에 대해서 공부하였다. 클래스를 공부하던 도중 '생성자함수와 달리 클래스는 호이스팅이 되지 않는다 (실제로는 되지만...)' 이라는 문구에서 실제로는 된다는 것에 꽂혀서 과연 어떤 원리로 이루어지고 왜 이러한 문구가 나왔는지 매우 궁금해져서 곧바로 구글링을 해보았다! 2023.03.31 - [🌌 | WEB DEV/Vanilla JS] - JS_기술 (3)_ Hoisting(호이스팅) 뿌수기 그에 대한 글은 위의 글에서 자세히 정리해보았다. 예정에 없던 것이지만 궁금했던 내용을 열심히 캐볼 수 있어서 값진 시간이었던 것 같다! 그 뒤에는 운영체제 정리를 진행하였다! 어려웠던 내용 😞 호이스팅을 가볍게 알고 있었는데 .. 2023. 4. 2.

JS_기술 (3)_ Hoisting(호이스팅) 뿌수기 JS의 호이스팅에 대해서 자세히 알아보았다! 1. 호이스팅이란? ( 1 ) 호이스팅(Hoisting)이란 무엇일까 JavaScript에서 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미합니다. - MDN (https://developer.mozilla.org/ko/docs/Glossary/Hoisting) MDN 문서에서는 위와 같이 번역을 하였다. 즉, JS의 인터프리터가 코드를 읽기 시작할 때 선언된 변수, 상수, 함수 등을 모두 미리 할당을 하는 작업을 의미한다. 글의 본격적인 시작에 앞서 모든 식별자(변수, 함수, 클래스 등)는 호이스팅이 된다! ( 2 ) var의 특징 JS에서 변수, 상수를 선언하는 방법은 3가지가 있다. 1.var .. 2023. 3. 31.

JS_기본 문법 (24)_ 생성자 함수 1. 생성자 함수 함수는 재사용가능한 코드를 묶는 것 외에도 객체를 생성하는 역할을 수행할 수 있다. ※ function으로 선언된 함수는 기본적으로 생성자 함수의 기능을 갖는다. 예시) 객체 생성 const student1 = { name : 'Sam', idNum : 20, say () { return `안녕하세요. ${idNum}번 ${name}입니다.`; } }; const student2 = { name : 'Tom', idNum : 25, say () { return `안녕하세요. ${idNum}번 ${name}입니다.`; } }; 위와 같이 비슷한 형태의 객체를 여러개 만들어야하는 경우 같은 코드를 반복하는 것이기 때문에 함수를 활용하면 더욱 편리하게 구현할 수 있다. 생성자 함수 생성 Ru.. 2023. 3. 31.

[3/29-30] TIL_2, 3일차 오늘 공부한 내용 📝 2일차에서는 캡스톤 디자인의 기본적인 설계를 진행하였다. 저번 창업캠프에서 다뤘었던 라즈베리파이와 그것에 카메라 모듈을 연결하여 opencv와 tensorflow 등을 이용해서 프로젝트를 진행해볼 예정이다. 사실 회로에 대해서 지식이 매우 부족하기 때문에 부품들에 대한 전압이나 전력량 등 필수적인 여러가지 고려사항에 대해서 확신하지 못하는 상태이기 때문에 교수님께도 도움을 받아서 완성할 예정이다. 태양광패널을 전력원으로 사용할 예정인데 과연 어느정도의 효율을 가질지 궁금하다! 또한 저번에 손의 제스처 인식 프로그램은 라즈베리파이 환경에서 조금 무리가 있다고 느껴졌었다. 따라서 이번 프로젝트에서는 환경에 어느 정도의 최적화를 해낼 수 있을지가 관건일 것 같다. 이런 것에 부딪히는 점이.. 2023. 3. 31.

[23.3.28] TIL_1일차 오늘 공부한 내용 📝 1. CS공부_운영체제 전공공부 겸 CS공부를 진행하였다. 운영체제의 정의와 유형, 관점, 입출력 프로그래밍에 대해서 살펴보았고 그 중 OS의 유형은 책과 강의에서 분류한 것은 9가지였다. 굉장히 많았지만 특징들을 분류해보고 용어들에 대해서 익숙해지려고 노력했다. 아마도 예상컨데 컴퓨터는 극한의 효율을 끌어올리는 것이 궁극적인 목표이기 때문에 그에 초점을 맞추어서 생각하면 이해가 쉬울 것 같다! 공부한 내용은 포스팅할 예정이다. (링크 : 추후 추가예정) 2. JS 문법 JS의 생성자 함수에 대해서 공부하였다. (링크 : 추후 추가예정) 어려웠던 내용 😞 간단한 이론 및 문법 공부여서 어려운 부분을 만나지 못했다ㅠ 궁금한 내용과 부족한 내용 🧩 현재 수강 중인 강의를 최대한 빠르게 .. 2023. 3. 29.

JS_기본 문법 (23)_ 객체 + 2022.02.10 - [🌌 | WEB DEV/Vanilla JS] - JS_기본문법 (3)_객체 기존에 다루었던 JS의 객체에 대해서 조금 더 알아보자! 1. 객체 생성 & 접근 예전 포스트에서 다루었던 대괄호 표기법은 다양한 방식으로 활용할 수 있다. 1) 식별자 명명 규칙에서 벗어난 키 이름에 접근 const obj = { 'ab-1' : 100, 'c d' : 'Hello' }; console.log( obj['ab-1'], obj['c d'] ); >>> 100 >>> 'Hello' 위처럼 명명 규칙을 어긴 경우에도 ' '(따옴표)를 이용하여 키 이름으로 설정하고 이를 대괄호 표기법으로 접근할 수 있다. 2) 표현식에 이용 연산을 하여 키값으로 설정을 할 경우에도 대괄호를 이용한다. let id.. 2023. 3. 26.

JS_기술 (2)_ IIFE(즉시 실행 함수 표현) JS에서 사용하는 IIFE에 대해서 알아보자. 오늘날에는 잘 사용하지 않지만 과거에 사용했던 코드를 분석하기 위해서 알아보자! 1. IIFE란? 즉시 실행 함수 표현(Immediately Invoked Function Expression, IIFE)은 정의되자마자 즉시 실행되는 함수를 말한다. 구조 (function() { ... }) (); Self-Executing Anonymous Function 으로 불리는 디자인 패턴이라고 한다. 여기에서는 두 개의 괄호에 주목을 해야한다. 먼저, 익명함수를 둘러싼 괄호이다. 이를 통해서 전역 Scope의 불필요한 변수들에 의한 오염 방지와 IIFE 내부 안으로 다른 변수들이 접근하는 것을 방지할 수 있다. 그 다음으로는 후미에 위치하는 즉시 실행 함수를 생성하.. 2023. 3. 16.

JS_기본 문법 (22)_ 매개변수 (기본값, arguments, 나머지 변수, 이상적인 함수?) JS 다루는 함수의 매개변수에 대해서 살펴보자. 1. 함수의 매개변수 개수보다 많이 값을 전달한 경우 예시 1) 두 개의 인자를 받는 함수이다. function sum(a, b){ return a + b; } console.log( sum(1, 2), sum(1, 2, 3), sum(1, 2, 3, 4) ); >>> 3 3 3 위의 결과처럼 JS에서는 다른 언어와 다르게 함수 정의 시 설정한 매개변수의 개수보다 많이 값을 전달하는 경우 순서대로 값을 받은 후 나머지는 무시하며 오류를 일으키지 않고 값을 반환한다. 2. 기본값 기본값(default parameter)은 매개변수에 값이 들어오지 않아도 기본적으로 값을 설정해주는 것이다. function sum(a = 0, b = 0){ return a + .. 2023. 3. 12.

JS_기술 (1)_ 커링(currying) JS에 존재하는 커링에 대해서 알아보자. 1. 커링이란? 커링은 함수와 함께 사용하는 고급기술로, JS 뿐 아니라 다른 언어에서도 사용할 수 있는 기술이다. 필요한 인자보다 적은 수의 인자를 받으면, 나머지 인자를 인자로 받는 다른 함수를 반환한다. 즉, 한 함수를 실행하기 위해 필요한 인자가 아직 덜 준비 되었을 경우 현재 존재하는 인자를 저장하기 위해서 커링으로 작성할 수 있다. 예시 1) 아래는 일반적으로 함수를 작성한 경우이다. function mulTwoTerm (a, b, c, d) { return (a + b) * (c + d); } const mulTwoTerm2 = (a, b, c, d) => (a + b) * (c + d); console.log( mulTwoTerm(1, 2, 3, 4.. 2023. 3. 11.

이전 1 ··· 5 6 7 8 9 10 11 ··· 24 다음

티스토리툴바