본문 바로가기

개발 개념 살펴보기_

LifeCycle API 컴포넌트가 DOM 위에 생성되기 전/후 및 데이터가 변경되어 상태를 업데이트하기 전/후로 실행되는 메소드를 의미합니다. 컴포넌트를 생성할 때 constructor -> componentWillMount -> render -> componentDidMount 순으로 진행됩니다. constructor(props) 이 메소드는 초기 상태로 컴포넌트를 초기화하는 데 사용됩니다. 기본 UI 요소는 아직 렌더링 되기 전의 상태입니다. 샘플 데이터로 컴포넌트를 시작하고, 컴포넌트의 prop은 인수로 전달됩니다. componentWillMount() 컴포넌트가 DOM 위에 만들어지기 전에 실행됩니다. 일반적으로 외부 API에서 데이터를 가져오는 데 사용됩니다. render() render 메소드는 렌더링 하기 위해 R.. 개발 개념 살펴보기_ 2020. 3. 17.
자료구조(Data structure) 파악하기 Javascript를 활용해 '자료구조'라고 부르는 데이터 형태를 구현하는 것은 중요합니다. Computer Science(CS)를 공부하면서 필연적으로 만나게 되는 영역이 있는데, 이를 'CS 기초'라고 불립니다. 기초적이고 트렌드를 이해하기 위해 필수적으로 알고 있어야 하는 영역입니다. CS 기초는 대표적으로 다음의 내용이 있습니다. Data structure - 자료구조 Algorithm - 알고리즘 Computer network - 컴퓨터 네트워크 Computer architecture - 컴퓨터 구조 Operating system - 운영체제 Database - 데이터 베이스 더 많은 영역들이 있지만 이 영역들은 다양한 분야에서 공통적으로 통용되는 영역입니다. 따라서 보편적으로 모든 내용을 학습.. 개발 개념 살펴보기_ 2020. 3. 8.
동기와(Synchronous) 비동기(Asynchronous) 동기(Synchronous: 동시에 일어나는) 순차적인 방법으로 프로그래밍이 진행되는 것을 의미한다(js). 직렬적으로 명령을 처리한다. 왜냐하면 쓰레드(Thread)가 1개이기 때문이다. **Thread: 명령어가 흐르는 통로 동기처리 방식을 확인해보면 순차적으로 값이 나타난다는 것을 알 수 있습니다. 처리한 순서 그대로 hello - yoon - Hello Again의 결과값이 출력됩니다. 동기방식은 설계가 간단하고 직관적이지만 결과가 나올 때까지 대기해야 한다. 즉, 서버에 데이터를 요청하고 데이터가 응답되기 전까지 이후에 작업되는 것들은 블로킹(blocking, 작업중단)된다. 비동기(Asynchronous : 동시에 일어나지 않는) 비순차적인 방법으로 프로그래밍이 진행되는 것을 의미한다.(nod.. 개발 개념 살펴보기_ 2020. 2. 28.
명령형(Imperative)언어와 선언형(Declarative)언어 명령형 언어(Imperative) 컴퓨터가 '어떻게 동작하는지'에 초점을 맞춥니다. 프로그램의 상태를 변화시키는 구문들에 초점을 둡니다. 상태와 제어흐름이 존재하며 상태를 필요에 따라 생성하고 정의하고 변경합니다. 그리고 특정 동작을 실행시키며 복잡한 문제를 유연하게 해결합니다. EX) C, C++, JAVA, Javascript, Pyhon, PHP 등 node로 살펴보면 결과 값을 알 수 있습니다. 선언형 언어(Declarative) 프로그램이 실제로 어떻게 흘러가는 지와 상관 없이 프로그램의 논리에 초점을 맞춥니다. 상태와 제어 흐름이 존재하지 않습니다. 즉, 약속된 정의만 사용해서 작성하는 언어를 의미합니다. EX) HTML, CSS, XML, SQL 등 Question : 뭔가 명령형과 선언형을.. 개발 개념 살펴보기_ 2020. 2. 26.

티스토리툴바