let's get IT with DAVINA 💻

부트캠프가 끝나고 많은 사람들이 더 심화되고, 새로운 언어 기반으로, 더 어려운 수준의 추가 프로젝트를 진행하고 있는 듯 하여 대단해보인다.. 물론 코딩이란걸 처음 시작했을 때 "나"보다는 현재의 "내"가 더 발전해있는 모습이고, 불안해하지 말자고 매일 다짐하지만 난 내가 기본기가 여전히 많이 부족하구나를 계속 깨달으며 많이 좌절하는 요즘인것같다.. 그 어떤 프로그래밍 언어를 쓰건 하나의 홈페이지를 만들 때, CRUD를 정말 완벽하게 손쉽게 구현할 수 있는가를 스스로에게 물어본다면 너무나도 당연히 NO였다.. 그래서 난 더 어렵기보단 기본기를 다시 한 번 닦고자 프로젝트 전 부트캠프에서 과제로 줬던 (난 실패했던) Todo App을 다시 한번 만들어보고자 시작했다. 1. React Component 만들..

Module → 코드를 그 파일 내부에서만 한정할 수 있도록 "모듈화" 하는 것! → 모듈화를 하지 않으면 기본적으로 모든 파일에서 코드를 공유해버릴 수 있다. (이름 선언 충돌이 일어날 수 있겠찌?!?!) 브라우저 환경에서는 window에, node 환경에서는 global에 저장되어버리기 때문! //index.html //모듈화하기 //module1.js //export default는 한파일에서 하나만 가능! export default function add(a,b){ return a+b; } //그냥 export export function print() { console.log("print"); } //module2.js import add from "./module1.js" import {pri..

JS에서 this는 왜 어려울까? 다른 언어들에서 this는 만들어진 객체 자기 자신을 뜻하지만, JS에선 다르다! JS에서 this는 요술램프 지니다!! 누가 호출했냐에 따라 누구의 지니인지 동적으로 달라진다. This 1. 브라우저 전역스코프에서 console.log(this) result : window 객체를 가리킴 reason : 브라우저 전역 객체가 window이기 때문에 2. function(){} 내부에서 this 호출 result : window 객체가 나옴 reason : '함수'는 선언 시 window 객체에 '등록'됨. 이 함수는 class에 속한 것도 아니고, 전역 스코프에서 호출되었기 때문에 this가 속한 곳은 window 객체임. 따라서, window.simpleFun()로도..

TypeScript를 배우면서 결국, 타입스크립트는 자바스크립트의 superset인데 그러려면 JavaScript 개념을 조금 더 정리 할 필요성을 느꼈다빈 Prototype은 JS의 상속 기능, 객체 지향 프로그래밍을 위한 것이다!!! Prototype TS는 아래와같이 JS의 superset입니다. JS에선 없었던, class, interface, generics, types 등을 이용해서 객체 지향 프로그래밍이 가능했습니다. BUT, JS도 엄밀히 말하면 proto-based를 통해 객체 지향입니다. 또한, ES6부터는 class를 이용해서 프로토를 기반이기 때문에 객체 지향 프로그래밍이 가능합니다. Prototype은 상속을 위해 쓰이는 아이입니다! 우리가 Class를 이용해서 상속을 구현할 수 ..

TypeScript 적용하는 작은 프로젝트를 만드려다보니 항상 React만 사용해와서 강의를 듣는데 DOM 개념이 나오면 멘붕이 왔다.. 그런 내 맘을 알았는지 DOM 관련 영상을 올려주신 강사님 덕분에 정리를 해본댜.. DOM Document Object Model의 약자 HTML- 웹페이지의 구조를 만드는 마크업 언어 JavaScript- HTML로 만들어진 구조에 기능을 더할수 있는 프로그래밍 언어 DOM- HTML 요소를 Object처럼 조작할 수 있는 모델 DOM은 document객체를 통해 HTML에 접근 BOM(Browser Object Model)이 window 객체를 통해 브라우저에 접근 (window객체가 document객체보다 상위 개념) 브라우저가 이런 HTML Tag들을 다 읽을 ..

공간 복잡도 (Space Complexity) 알고리즘이 수행되는 데에 필요한 메모리의 총량 프로그램이 요구하는 공간 ⇒ 고정적인 공간 + 가변적인 공간 고정적인 공간: 처리할 데이터의 양에 무관하게 항상 요구되는 공간으로서, 프로그램의 성능에 큰 영향을 주지 않음 가변적인 공간: 처리할 테이터의 양에 따라 다르게 요구되는 공간으로서 프로그램의 성능에 큰 영향을 줌! 공간 복잡도 계산은 시간 복잡도 계산과 비슷하게 빅 오(Big-O) 표기법으로 표현 보통 공간 복잡도는 시간 복잡도보다 중요성이 떨어진다. WHY? 시간이 적으면서 메모리까지 지속적으로 증가하는 경우는 거의 없기 때문에.. BUT! 동적 계획법(Dynamic Programming)과 같이 알고리즘이나 하드웨어 환경이 매우 한정되어 있는 경우..

시간 복잡도 (Time Complextity) 입력값이 커짐에 따라 증가하는 시간의 비율을 최소화한 알고리즘 입력의 크기와 문제를 해결하는데 걸리는 시간의 상관관계 Big-O 표기법 주어진 식을 값이 가장 큰 대표항만 남겨서 나타내는 방법 Big-O(빅-오) 최악의 경우 프로그램이 실행되는 과정에서 “이 정도 시간까지 걸릴 수 있다”를 고려해야 한다! Big-Ω(빅-오메가) 최선의 경우 Big-θ(빅-세타) 중간(평균)의 경우 O(1) constant complexity 입력값이 증가하더라도 시간이 늘어나지 않는다. 입력값의 크기와 관계없이, 즉시 출력값을 얻어낼 수 있다. function O_1_algorithm(arr, index) { return arr[index]; } let arr = [1, 2..

알고리즘이란? 어떤 문제를 해결하기 위해서 일련의 절차를 정의하고, 공식화한 형태로 표현한 일종의 문제 풀이 방법 프로그래밍에선? input값을 통해 output값을 얻기 위한 계산 과정 입력(Input) 알고리즘은 출력에 필요한 자료를 입력받을 수 있어야 합니다. (꼭 입력값이 없을 수도 있음) 출력(Output) 알고리즘은 실행이 되면 적어도 한 가지 이상의 결과를 반드시 출력해야 합니다. 유한성(Finiteness) 알고리즘은 유한한 명령어를 수행한 후, 유한한 시간 내에 종료해야 합니다. 명확성(Definiteness) 알고리즘의 각 단계는 단순하고 명확해야 하며, 모호해서는 안됩니다. 효율성(Efficiency) 알고리즘은 가능한 한 효율적이어야 합니다. (시간 복잡도와 공간 복잡도가 낮을수록 ..