본문 바로가기

Codestates

[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] 객체지향 프로그래밍 - ES6 class 키워드없이 구현하기 Reference - 코드 스테이츠 이머시브 코스 - OOP 강의 객체지향 프로그래밍(Object Oriented Programming)이란? OOP는 특정한 언어나 라이브러리가 아닌 프로그래밍 패러다임이다. OOP에선 프로그램을 명령어의 목록으로 보는 시각에서 벗어나 여러 개의 독립된 단위인 '객체'들의 모임으로 파악한다. OOP는 예전에 만들어진 절차적 프로그래밍 언어(C, Pascal, etc)들과 다른 종류의 언어들에서 사용한다. OOP의 모든 것은 지속 가능한 '객체'로 그룹화되며 4가지 주요개념을 통해 재사용성을 가질 수 있다. OOP의 4가지 주요개념 1. Encapsulation 데이터와 함수를 하나의 단위로 캡슐화한다. 캡슐 안의 특정 속성과 메소드를 숨긴 채로 동작하게 할 수 있다 느슨.. 더보기
[JavaScript] Data Structure - Stack, Queue Reference - 코드 스테이츠 이머시브 코스 - Data Structure 강의 자료구조 (Data Structure) 란? 데이터 자료구조는 컴퓨터 저장공간의 효율성과 실행의 신속성을 높이기 위해 일정한 규칙에 따라 데이터를 구조화한 것이다. 배우면 좋은 이유? 자료구조를 짜는 법을 이해하게 되면 앞으로 더욱 실용적인 코드를 짤 수 있게 된다. 각각의 자료구조는 저마다 탄생된 배경이 있고 각각의 장단점이 모두 다르다. 완벽한 자료구조란 존재하지 않는다. 그래서 자료구조를 배운다면 내가 무언가를 구현할 때 필요한 자료구조가 무엇인지 파악할 수 있게 된다. 또한 면접에서도 자주 나오는 단골 주제이니 배워두면 좋다. 자료구조에 대해 찾아보던 중 아래 영상을 보게 되었는데, 유튜버가 자료구조가 많은 곳에.. 더보기
[JavaScript] 클로저(Closure) 클로저(Closure)란? 클로저는 외부 함수의 변수에 접근할 수 있는 내부 함수 또는, 이러한 작동 원리를 일컫는 용어이다. 클로저 함수 안에서는 지역 변수(Local Variable), 외부 함수의 변수(Outer Function Variable), 전역 변수(Global Variable)의 접근이 전부 가능하다. 그렇기 때문에 클로저는 일반적으로 사이드 이펙트를 제어할 때와 private 변수를 생성할 때 많이 사용된다고 한다. function outerFn() { let outerVar = 'outer'; console.log(outerVar); function innerFn() { // -> 클로저 함수 let innerVar = 'inner'; console.log(innerVar); } re.. 더보기