본문 바로가기

분류 전체보기

(98)
리액트 꿀팁 메모메모 보호되어 있는 글입니다.
리액트와 뷰 리액트와 뷰 비교 참고 https://kr.vuejs.org/v2/guide/comparison.html 다른 프레임워크와의 비교 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org [공통점] 1. Virtual DOM 사용 2. 반응형 컴포넌트를 조합하여 프로젝트 구축 3. 코어 UI 라이브러리에 집중함. 라우터 및 스토어 등의 기능은 별개의 라이브러리를 추가로 사용해야 함 [차이점] 1. 재렌더링 Vue는 재렌더링시 컴포넌트간의 종속성을 추적해 재렌더링이 필요한 컴포넌트에 한해서만 렌더링을 수행함 React는 부모 컴포넌트에 종속된 하위 컴포넌트들이 모두 재렌더링 됨. 상태 변화와 무관한 컴포넌트도! Vue는 이러한 측면에서 vue의 렌더링이 react보다 효율..
[기술면접 대비] 6. 모던 프레임워크 - node, vue, react [모던 프레임워크] 1. 라이브러리와 프레임워크 라이브러리는 내가 제어권을 가지고 호출해 사용하는 도구라면 프레임워크는 어떠한 환경. 제어의 역전이 일어나 프레임워크가 내 코드를 호출 할 제어권을 가짐. 여기서 의문. 리액트, 뷰, 앵귤러는 프레임워크인가 라이브러리인가? 리액트는 자신을 '사용자 인터페이스를 만들기 위한 JavaScript 라이브러리' 라고 소개한다. 뷰는 '사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크' 라고 소개한다. 어째서? 유의미한 차이가 있는지 궁금함. 1. js의 모듈화 사용방법 7. require와 import 차이 require는 commonJS에서 명명한 규칙으로 node.js에서 사용하는 카워드, (내보내기도 node는 module.exports 씀) impor..
[모의면접 2차] [자료구조 및 알고리즘] Array vs LinkedList Stack and Queue Tree Binary Tree Full Binary Tree Complete Binary Tree BST(Binary Search Tree) Sorting Algorithm에서 stable 하다는 것은 무엇을 의미하나요? Sorting Algorithm이 가짓수가 많은데 그 이유가 무엇일 것 같나요? Quick sort에 대해서 설명해 줄 수 있나요? [OS] 프로세스와 스레드의 차이 프로세스는 커널의 관리 하에 실행중인 프로그램을 의미한다. 프로그램 수행에 필요한 CPU 사용 정보 (Program Counte, register set), 메모리 자원(code, data, heap, stack), 커널 스택을 독립적..
[기술면접 대비] 6. 기타 1. 객체지향 https://pizzasheepsdev.tistory.com/11?category=849060 SOLID : 의존 역전 원칙 의존 역전 원칙 (DIP : Dependency Inversion Principle) SOLID 원칙의 마지막 원칙이다. 이 원칙을 지키기 위해 해야할 행동은 꽤나 심플하기 때문에 그리 어렵지 않은 원칙이다. 우선, 사전적으로 이 원칙은 pizzasheepsdev.tistory.com 특징 1) 추상화 : 객체화 자체가 추상적인 의미. 세부적인 사물의 공통 특징을 파악해 하나의 객체로 추상화 하는 것. 2) 캡슐화 : 의존성을 해결하고 재사용성을 높이기 위함. 세부 구현내용을 은닉함. 3) 상속 : 부모-자식 간의 상속으로 확장성 4) 다형성 : 메소드 오버라이딩 ..
[모의면접 1차] [질문1] 1. 프로세스와 스레드의 차이 프로세스는 커널에 등록, 독립적인 메모리 영역 할당(code, data, heap, stack), 각각 PCB를 가짐, 스레드는 프로세스를 실행단위로 나눈 것, 프로세스의 자원을 공유함, register와 stack 영역은 독립적으로 가짐(독립적인 함수 호출, 실행 흐름을 보장하기 위해), - 멀티 스레드의 장점과 유의점 자원공유, 프로세스간 context switching 오버헤드 감소, 사용자 응답시간 단축, 병렬처리를 통한 성능 향상 concurrency problem, 서로 의존성을 가지는 스레드, 실행 순서나 context switching 시점에 따라 결과가 달라짐, critical section 보호 필요 - context switching 이란? i..
[기술면접 대비] 5. CS 공통 - 데이터베이스 Database - schema (구조&제약 조건) + instance (내용, 실제 데이터) - 연관 있는 데이터들의 집합 - 지속적인 변화와 운영 : retrieve(검색), insert, delete, update - 다중 사용자가 동시에 공유 가능 - 사용자의 요구 내용에 따라 데이터를 참조 가능 DBMS - 데이터 추상화 : 일반 사용자에게 편의성 제공 및 데이터 보호 - 운영을 위한 query language 제공 - 다중 사용자의 데이터 공유 - transaction control : 동시성 제어 - 권한 제어 - 시스템 실패로 인한 에러 복구 - 쿼리 최적화 - 사용자 클래스 별 다양한 인터페이스 제공 Query Language - DDL (Data Definition Lang) : sch..
[리액트] 실습 - 함수형 컴포넌트에서 데이터 통신하기 간단한 클래스형->함수형 리팩토링은 했는데 서버쪽 세팅이 늦어지고 있어서 함수형 컴포넌트에서 데이터 통신을 해보는 실습을 못 하고 있었음. 그러다 좋은 강좌를 발견해서 공부한 내용을 정리한다. www.youtube.com/watch?v=DtLhiMxgsm0 목표는 1. hook 사용하기 2. API 통신하기 [1차] 영상에서 다룬 부분만 완료해봤다. uesEffect 훅에서 API 통신을 하고, 데이터를 파싱해서 각각의 state를 세팅한 뒤 차트를 그려주고 끝. [내용정리] 1. UseEffect란? 결론부터 말하자면 함수형 컴포넌트에서 사용되는 hook의 일종이다. 기존의 클래스형 컴포넌트가 가지던 라이프사이클들 (mount, update, unmount) 과 같은 목적으로 탄생했다. 리액트 공식 문..