프론트 엔드 공부 블로그

기본 개념 ! Redux는 컨텍스트와 마찬가지로 데이터를 필요한 컴포넌트에서만 요청해 사용할 수 있다. ! 스토어 (store) 컨텍스트는 부모 컴포넌트에서 생성한 데이터에 모든 자식 컴포넌트가 접근할 수 있다. Redux는 컴포넌트 외부의 스토어라는 곳에서 데이터를 관리한다. 따라서 컴포넌트의 위치에 상관없이 스토어에 접근해 데이터를 사용하고 변경할 수 있다. npm install --save redux 명령어로 redux를 설치해준다. ! Redux의 데이터 변경 과정 스토어 > 컴포넌트 > 액션 > 리듀서 > 스토어 ! 액션 앱의 변경사항을 기술한 객체이다. 어떤 형태의 action을 수행할지 지시하는 type필드가 있어야 한다. 예시 export const ADD = 'ADD'; export co..

http://www.yes24.com/Product/Goods/97126219 노마드 코더 강의와 더불어 해당 책을 공부하고 있다. 초보자를 위한 리액트 200제 (React) - YES24 따라하면서 이해하는 React A to Z리액트를 시작하기 전에 개발 환경을 준비하는 과정부터 시작하여 예제 파일을 실행하는 방법을 안내한다. 입문부터 초급, 중급, 활용, 실무까지 5개의 파트로 나 www.yes24.com 예제 76번부턴 이해가 잘 안 됨 + 처음 보는 애들이라 블로그에 정리하면서 예제를 직접 따라하는 게 더 좋을 것 같다. 해당 책은 클래스 기반 컴포넌트로 돼 있어서... 클래스 기반 컴포넌트 문법을 이 참에 공부하자는 마음가짐으로 하나씩 따라했다... 76. 컨텍스트 API 사용하기 ? 부모 ..

1. 버블정렬 (Bubble Sort) 시간복잡도 : 최악 O(N^2) / 최선 O(N^2) / 평균 O(N^2) 버블 정렬은 현재 값과 바로 뒤에 있는 값을 비교하여 차례대로 정렬해주는 정렬이다. 중복 값이 있을 때 중복값의 순서가 바뀌지 않는 stable 정렬이다. 코드 오름차순 const before_list = [7, 6, 4, 4, 25, 3, 9, 5]; console.log(`기존 리스트 : ${before_list}`); function bubble_sort(array) { for(let i=0; i 1회로 줄었다 내림차순은 if 문 안의 연산자를 바꿔주면 된다. 내림차순 function reverse_bubble_sort(array) { for(let i=0; i

1. fixed 와 sticky 의 차이점 position : fixed 문서의 흐름에서 완전히 벗어나게 되어 스크롤을 해도 사용자가 지정한 위치에 그대로 붙어있게 된다. position : sticky 꿋꿋하게 고정돼 있는 fixed와 달리 sticky는 일반적인 문서의 흐름에 따른다. 스크롤을 하다가 내가 정한 offset에 닿으면 그제서야 fixed처럼 고정이 된다. relative 속성처럼 동작하다가 어느 시점에 다다르면 fixed처럼 동작하는 것이다. 이렇게 글로만 봐선 모르겠어서... 예제를 한 번 직접 작성해봤다. 아직 fixed와 sticky에 position, top, bottom, left, right 속성을 지정해주지 않은 상태. html fixed_container fixed_ite..

1. 빌드업 C언어를 먼저배우고 파이썬이랑 자바스크립트를 배우면 놀란다... 이...이딴 게 가능하다고? 왜 오류가 안나지?? 하고... 그래서 파이썬을 처음 배울 때 헷갈렸다 이거 C언어에선 안되는데? 이게 왜 되지?JS 처음 접할 때도 신기했다 왜 타입할당이 없지? 2. C언어 같은 건 정적타입언어 컴파일과정은 대학교 1학년 C언어 시간에 이론으로 필수적으로 외운다. 근데 뭔 말인지 모르겠어서 그냥 외우기만 했는데 이제 좀 알겠다... 컴파일 시 컴파일러는 우리 코드에 오류가 없는지 수정하고 검사해준다. 이때 C, C++, Java, C# 같은 언어들의 경우는 변수를 선언할 때 명시적으로 자료형을 지정해주는데 컴파일할 때 변수의 타입을 결정해야하기 때문이다. 이것 때문에 과제할 때 타입에러가 겁나 떴..

1. 라이브러리 코드 작성시 import해서 쓰는 그것! 개발자들이 먼저 만들어놓은 클래스의 메소드 등을 말한다! 코드를 짜는 프로그래머들은 이 메소드들을 도구처럼 가져와서 쓰고, 원하는 코드를 완성시킨다는 점에서 프로그래머에게 제어권이 있다. 2. 프레임 워크 뜻부터가 뼈대다. 프레임워크는 내 코드를 검사해서 자신의 뼈대에 적합한지 검사한다. 라이브러리를 사용자가 필요에 맞게 가져와서 쓰는 개념이라면 프레임워크는 사용자가 그 프레임워크 위에서 작업하는 것이다. 그래서 해당 프레임워크의 문법에 따라야한다. 이런 점에서 라이브러리와 다르게 제어권은 프로그래머가 아닌 프레임워크에게 있고, 이를 이라고 한다 3. 제어의 역전 보통은 프로그래머의 코드가 라이브러리를 가져다 쓰지만 프레임워크는 사용자의 코드를 불..