개발 교육을 시작하며 시작하는 회고록 원래는 Medium에서 TIL작성을 했다가 너무 못생긴 글씨(영어는 Times New Roman 스타일이라 괜찮았는데..) 때문에 기록하는 맛이 전혀 나질 않았다. 물론 기록에 게을러진 영향도 있었지만, 아무렴 어떨까 새로운 노트
기초 자료형 문자열과 리스트 활용 list.pop(): 인덱스 i의 원소를 제거하고, 지운 원소를 반환한다. > seq.count(d): 시퀸스 내부의 자료 d의 개수를 반환한다. > str.split(c): c를 기준으로 문자열을 쪼개어 리스트 반환 > 리스트로
서론 취업을 할 때 중요할 때에는 작은 것이라도 만들어낼 수 있고, 아이디어를 현실화 시키는 것에 재미를 느끼는 것. 한계에 봉착했을 때, 한계를 넘을 수 있는 힘도 있으면 좋음. 자료구조 및 알고리즘은 어려울 수 있으나 좌절하지 말자. git checkout의 정
var -> const & let const는 한 번 선언하면 값을 바꿀 수 없는 상수 let은 선언과 변경이 자유로운 변수 const로 선언된 변수는 같은 스코프(중괄호) 내에서 중복된 이름을 가질 수 없다. 웬만하면 const를 사용하고, 변수의 변경이 필요할 때
Create React App 꼭 Create React App을 사용해야 하는 것은 아니고, 직접 script를 임의로 추가해서 사용해도 무방하다 (단지 프로젝트 환경 설정을 쉽게 도와줄 뿐이다.) Create React App(CRA)란? React 프로젝트를
JSX JSX는 함수 호출과 객체 생성을 위한 문법적 편의를 제공하는 JavaScript의 확장이다. HTML과 비슷한 형태를 띄고 있으나, 원형은 JavaScript이며 HTML과 다름. JSX는 Babel에 의해서 Transcompile 된다. (생산성 향상) >
Props (Properties ?= Attribute) 기본적으로 Component에 원하는 값을 넘겨줄 때 사용하며, 넘겨줄 수 있는 값은 변수, 함수, 객체, 배열 등 JavaScript의 요소라면 제한이 없다. 주로 Component의 '재사용'을 위하여 사용한
이벤트란 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 의미.유저의 행동(onClick, mouseEnter,etc.)에 의해 발생할 수도 있으며 개발자가 의도한 로직에 의해 발생할 수도 있다.이렇게 발생된 이벤트를 자바스크립트를 이용해 대응할 수 있다.E
컴포넌트에서 데이터를 관리(State)하고 데이터가 변경될 때 상호작용(Effect)을 하기 위해 사용한다.useState 또한 State Hook이다.기존에는 컴포넌트 내에서 State와 생명주기를 관리하기 위해, 반드시 클래스 컴포넌트를 사용했으나, 개발자가 느끼기
자료구조의 의미 자료를 저장하는 구조. 여러가지 종류가 있으나, 저장된 자료에 대해 접근하는 방법 등의 차이가 존재한다. 자료구조를 배우는 이유: 자료구조에 따라 장단점이 존재하며 구현하고자 하는 프로그램의 성능을 고려하여 알맞은 자료구조를 선택해야 한다. 프로그램의
각 데이터를 고유한 key에 대응하도록 저장하는 개념이다.key-Value 쌍을 입력하는 연산은 put, 특정 key의 value를 조회하는 연산은 get이라고 정의한다.배열에 value를 저장하고, 배열의 인덱스를 Key로 이용하는 방식으로 구현한다면:이런 식으로 가
초기 웹 환경: 서버에서 모든 데이터를 로드하여 페이지 빌드함, 자바스크립트에서는 별도의 비동기 처리가 필요하지 않았다.AJAX(Asynchronous JavaScript and XML) 기술의 등장으로 페이지 로드 없이 clide-side에서 서버로 요청을 보내 데이
API는 Application Programming Interface의 줄임말로 다양한 응용 프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스이다.즉, 프로그램과 프로그램을 연결해 주는 다리 역할이라고 이해할
상태 관리 -* 상태 관리 기술이란 앱 상에서의 데이터를 메모리 등에 저장하고 하나 이상의 컴포넌트에서 데이터를 공유*하는 것을 의미한다. 한 컴포넌트 안에서의 상태, 여러 컴포넌트 간의 상태, 전체 앱의 상태 관리를 모두 포함한다. MPA와 SPA에서의 상태 관리