전체 글109 바닐라코딩 prep 1주차 정리 바닐라코딩의 prep 과정을 수강한 내용을 정리한 포스팅입니다. 이번 1주차는 사실상 첫 주차여서 강의가 많다거나 과제내용이 어렵다거나 한 부분은 없었습니다. 강의 첫주차 강의는 자바스크립트의 기본 문법(자료형, 함수, 조건문, 객체 등...)에 대해 간단히 정리했으며 본 글에 별도의 정리가 필요한 수준은 아니었습니다.(MDN공식문서의 튜토리얼 정도의 난이도 였습니다.) 마침 모던 자바스크립트 deep dive를 읽고 있는 중이었는데 해당 내용에 기존에 알던 내용을 가볍게 환기하는 느낌 이었습니다. (설명은 이번주 강의 보다 모던 자바스크립트 책과 MDN문서가 더 자세합니다.) 과제 이번주의 과제는 사용자의 인풋을 받아 화면에 띄우는 함수를 구현하는 것이었습니다. 기본적인 DOM 조작으로 해결 가능했으며.. 2021. 7. 26. ZTM Data Structures & Algorithms - Hash Tables udemy 에서 Master the Coding interview: Data Structures & Algorithms 강의를 수강한 내용을 정리하는 포스팅입니다. Hash Tables https://en.wikipedia.org/wiki/Hash_table Hash table - Wikipedia From Wikipedia, the free encyclopedia Jump to navigation Jump to search Associates data values with key values – a lookup table Hash tableTypeUnordered associative arrayInvented1953Algorithm Average Worst caseSpace O(n)[1] O(n)Sea.. 2021. 7. 26. ZTM Data Structures & Algorithms - Array udemy 에서 Master the Coding interview: Data Structures & Algorithms 강의를 수강한 내용을 정리하는 포스팅입니다. Array - 배열은 연속된 메모리내의 데이터의 집합으로 이루어진 자료구조를 의미한다. - 자바스크립트의 경우 배열의 크기를 미리 정해놓지 않고 사용하여 Dynamic Array 를 사용하는 것으로 볼 수 있다. - push 나 pop 이 아닌 insert 나 delete 작업의 경우 시간 복잡도가 O(n) 이다. -인덱스를 알면 원하는 정보에 빠르게 접근가능하다. -자바스크립트의 배열은 객체이며 따라서 클래스를 이용해 스스로 구현할 수 도 있다. class MyArray { constructor() { this.length = 0; this.. 2021. 7. 25. UNIX-shell tutorial 터미널 명령어와 UNIX 셸의 기초를 배울수 있는 자료를 찾게되어 기록해둡니다. 이미 알고있던 내용도 있지만 모르던 부분도 몇몇 부분있네요. http://swcarpentry.github.io/shell-novice/02-filedir/index.html Navigating Files and Directories – The Unix Shell The part of the operating system responsible for managing files and directories is called the file system. It organizes our data into files, which hold information, and directories (also called ‘folders’),.. 2021. 7. 24. Redux를 쓰는이유 Academind에서 리액트 강의를 수강한 내용을 정리하는 포스팅입니다. https://redux.js.org/ Redux - A predictable state container for JavaScript apps. | Redux A predictable state container for JavaScript apps. redux.js.org Redux 는 리액트와 함께 쓸수 있는 상태관리 라이브러리이다. 리액트로 앱을 만들다 보면 특정 컴포넌트에 있는 상태가 다른 컴포넌트에서 필요하거나 앱 전반적으로 요구되는 경우가 있다. 물론 기본적으로는 props 로 넘겨주면 되지만 특정 컴포넌트가 너무 nesting이 깊게 되어있거나 할 경우 상태정보를 lifting 하는게 여간 힘든일이 아니다. 그래서 기본적.. 2021. 7. 11. 리액트의 작동 방식 Academind 에서 리액트 강의를 수강후 배운내용을 정리하는 포스트입니다. 1. 리액트의 작동방식 리액트 라이브러리는 사실상 크게 2가지로 구성되어있다 볼수있는데 React 그리고 ReactDOM 이다. React 그리고 ReactDOM은 각자 맡는 역할이 다르다. - React는 상태변화를 듣고 컴포넌트들을 관리하는 역할 (=상태변화에 따라 컴포넌트 함수(또는 클래스)들을 실행하여 렌더링 결과가 어떻게 되어야 하는지의 정보(컴포넌트 트리 라고도 할수 있을거다) 관리) - ReactDOM은 React로 부터 기존의 컴포넌트 트리 모습과 현재 상태변화에 따른 컴포넌트트리의 차이점에 대한 정보를 받고 해당 정보를 기반으로 Real DOM을 수정한다. 즉 상태(state)에따라 컴포넌트 함수를 execut.. 2021. 7. 6. 이전 1 2 3 4 5 6 7 ··· 19 다음
