Bbaktaeho

카디를 알기 전에작년 2학기 때 주변 사람들이 대외 활동을 하는 모습을 보고 자극받아서 나도 도전해보기로 마음먹었다. 하지만 개발은 한 번도 안 해본 무경험자에 낯가림이 심한 성격 탓에 결국 지인들이 있는 교내 동아리에 지원하게 되었다. 겨울 방학 기간 동안 스터디에 참여하고, 팀이 꾸려지고, 회의가 진행되고, 구현까지 하면서 개발에 관심을 두게 되었고 재미와 자신감도 생겼다. 딱히 동아리를 찾아본 건 아니었다. 카카오톡 오픈 채팅방을 보던 중, 누군가 카디 7기를 모집한다는 공고를 공유했다. 교내 동아리를 활동하고 있던 터라 잠시 잊고 있던 도전이 다시금 나의 열정을 자극하게 되어 지원하기로 결심했다.지원서 작성 프런티어 모집이었다. 사실 프런티어의 뜻을 정확히 모르고 있었다가 카디를 지원하게 되면서 ..

📚 Redux 자바스크립트 애플리케이션에서 사용하는 상태 관리 라이브러리 전역으로 상태 관리를 하게 될 때 효과적 관심사 분리 원칙(SoC)을 따름 reduxjs/redux install npm install redux yarn add redux 📗 createStore state(애플리케이션에서 사용하는 데이터)를 저장할 store 생성 store 내장함수 dispatch getState subscribe store 만들기 import { createStore } from 'redux'; const store = createStore(); // 만약 createStore 함수에 reducer 함수를 넣지 않는다면? // const store = create(reducer) Uncaught Error: ..

📚 스레드 CPU는 한 번에 하나의 명령만 수행 가능함 CPU 클럭 수에 따라 처리속도가 결정 CPU의 속도는 정해져 있고 한 번에 하나의 명령을 처리하는 단점을 극복하기 위해서 스레드를 도입함 스레드를 도입하여 운영체제의 스케줄러가 매우 짧은 주기로 다른 명령을 실행하면 동시에 여러 명령을 처리하는 것처럼 보임 📚 멀티 스레드 프로그래밍 스레드를 도입하여 운영체제의 스케줄러가 매우 짧은 주기로 다른 명령을 실행하면 동시에 여러 명령을 처리하는 것처럼 보임 멀티 스레드 프로그래밍은 대용량 처리에서 필수적으로 사용하는 프로그래밍 방식 단점으로 오류를 찾기 어렵고 구현할 때 고려할 사항이 많음 📚 싱글 스레드 프로그래밍 Node.js는 싱글 스레드 프로그래밍으로 멀티 스레드 프로그래밍 성능을 구현하도록 구성..

📚 운영체제에서 비동기 일반적으로 파일 I/O나 네트워크 I/O는 메모리 I/O 보다 현저히 느림 파일 입출력에서 입출력을 하나씩 처리하면 처리 시간은 길어지고 CPU의 사용 효율성을 떨어짐 비동기 프로그래밍은 순차적으로 I/O 을 처리하는 것이 아니라 I/O 처리 요청만 운영체제에 전달하고 CPU는 다른 연산을 수행함 I/O 처리가 완료되면 완료했다는 메시지를 받아 이후 작업을 처리함 비동기 프로그래밍은 I/O 처리 요청 순서와 별개로 처리를 완료하는 순서는 제각각임 개발자는 보장되지 않는 I/O 완료 처리를 고려해 프로그래밍해야 함 📚 Node.js 에서 비동기 node.js 에서 모든 함수와 모듈이 비동기 프로그래밍을 기본으로 함 (동기 방식 함수도 존재하지만 제한적) node.js 내부의 스레드 ..

📚 find, findIndex, indexOf 자바스크립트 Array.prototype 배열에서 원하는 값 또는 식별자를 찾아내는 메서드 배열을 순차 반복 find 는 인자로 받은 판별 함수를 만족하는 첫 번째 요소를 반환 findIndex 는 인자로 받은 판별 함수를 만족하는 첫 번째 식별자를 반환 indexOf 는 인자로 요소를 받아 만족하는 첫 번째 식별자를 반환 📗 find 판별 함수를 만족하는 첫 요소를 반환 arr.find(callback) 반환 타입은 찾은 요소의 타입, 없다면 undefinded callback(element, index, array) → 콜백 함수가 받는 인자(각 인자는 find 메서드를 호출한 배열에서 받아옴) 원하는 요소 찾기 원하는 요소를 찾자마자 메서드를 종료함(..

📚 slice, splice 자바스크립트 Array.prototype slice 는 배열을 얕은 복사 해서 새로운 배열로 반환 splice 는 배열의 기존 요소를 추가, 변경, 삭제해 원본 배열을 변경 📗 slice 기존 배열에서 새로운 배열로 깊은 복사 배열.slice( start[,end ] ) 반환 타입은 배열 start 을 지정하지 않으면 인덱스 0 부터 시작 end 는 종료할 인덱스로 end 전까지 복사함 end 를 지정하지 않으면 배열의 길이가 됨 (길이보다 큰 수가 와도 배열의 길이) 배열의 복사 1 var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; var arrSlice = arr.slice(); // 0 부터 arr.length 전 까지 얕은 복사 console.log..

📚 자바스크립트 빈 공간 undefined, null, empty .. 📗 undefined 비어있다는 의미 자바스크립트에서 기본형 데이터 타입에 속함 사용자가 명시적으로 지정하지 않으면 비어있는 요소에 접근했을 시에 자바스크립트 엔진(V8)에서 undefined를 부여함 값을 대입하지 않은 변수일 때 var v1 = undefined; // 명시적으로 undefinded 지정 var v2; // 아무런 데이터를 할당하지 않음 console.log(v1); console.log(v2); undefined undefined 객체에 존재하지 않는 속성에 접근할 때 var obj = { a: "test1", b: "test2" }; console.log(obj.a); console.log(obj.b); con..

📚 복사 먼저 복사란, 원본과 모두 같은 내용으로 사본을 만드는 작업 원본은 따로 존재하고 사본도 따로 존재하게, 즉 원본과 사본은 내용은 같지만 서로 다르게 존재하고 있다는 뜻임 📗 얕은 복사 사본을 만들어내지 않고 원본을 참조하도록 복사한 척을 하는 것 기본형에서 얕은 복사 기본형 타입에서 복사한 데이터를 변경할 때 원본도 같이 변경되는 일은 발생하지 않는다. var v1 = "test"; var v2 = v1; // (1) console.log(v1); console.log(v2); v2 = "hi taeho"; // (2) console.log(v1); console.log(v2); test test test hi taeho 주석(1) 코드에서 메모리 변화 주석(2) 코드에서 메모리 변화 참조형에..