본문 바로가기

Programming

[React] 리액트 4가지 개념정리 Reference - 코드 스테이츠 Immersive React 강의 https://medium.com/little-big-programming/react%EC%9D%98-%EA%B8%B0%EB%B3%B8-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%EB%A5%BC-%EC%95%8C%EC%95%84%EB%B3%B4%EC%9E%90-92c923011818 https://reactjs.org/docs/getting-started.html React의 기본, 컴포넌트를 알아보자 모두 알지만 잘 알지는 못하는 컴포넌트 medium.com Getting Started – React A JavaScript library for building user interfaces reactjs.org .. 더보기
[JavaScript] Prototype Chain - ES5와 ES6로 상속 구현하기 Reference - 코드 스테이츠 이머시브 코스 - Inheritance Patterns 강의 - 위키피디아 - 프로토타입 - MDN - 상속과 프로토타입 - http://insanehong.kr/post/javascript-prototype/ - https://medium.com/@chamikakasun/javascript-prototype-and-prototype-chain-explained-fdc2ec17dd04 Javascript 기초 - Object prototype 이해하기 | Insanehong's Incorrect Note 소개 이번 글에서 다룰 내용은 자바스크립트의 프로토타입 상속(prototypal inheritance) 이라는 확장과 객체의 재사용을 가능하게 해주며 class 기반으.. 더보기
[JavaScript] Data Structure - Linked List, Hash Table Reference - 코드 스테이츠 이머시브 코스 - Data Structure 강의, Wikipedia 연결 리스트 (Linked List) Linked List는 각 노드가 데이터와 포인터를 가지고 한 줄로 연결되는 방식으로 데이터를 저장하는 자료구조이다. 실생활에 쓰이는 연결 리스트의 예 유튜브의 플레이리스트 포토샵의 Undo, Redo 웹의 되돌아가기 버튼 연결 리스트(Linked List)의 세 가지 종류 단일 연결 리스트 (Singly Linked List) 각 노드에 자료 공간과 한 개의 포인터 공간이 있고, 각 노드의 포인터는 다음 노드를 가리킨다. 이중 연결리스트 (Doubly Linked List) 단일 연결 리스트와 비슷하지만 각 노드에 두 개의 포인터가 존재하고 각각의 포인터는 해당.. 더보기
[JavaScript] 객체지향 프로그래밍 - ES6 class 키워드없이 구현하기 Reference - 코드 스테이츠 이머시브 코스 - OOP 강의 객체지향 프로그래밍(Object Oriented Programming)이란? OOP는 특정한 언어나 라이브러리가 아닌 프로그래밍 패러다임이다. OOP에선 프로그램을 명령어의 목록으로 보는 시각에서 벗어나 여러 개의 독립된 단위인 '객체'들의 모임으로 파악한다. OOP는 예전에 만들어진 절차적 프로그래밍 언어(C, Pascal, etc)들과 다른 종류의 언어들에서 사용한다. OOP의 모든 것은 지속 가능한 '객체'로 그룹화되며 4가지 주요개념을 통해 재사용성을 가질 수 있다. OOP의 4가지 주요개념 1. Encapsulation 데이터와 함수를 하나의 단위로 캡슐화한다. 캡슐 안의 특정 속성과 메소드를 숨긴 채로 동작하게 할 수 있다 느슨.. 더보기