thumbnail

[ Learning Javascript ] - 비동기적 프로그래밍

자바스크립트의 비동기 지금까지는 사용자의 행동에 반응하면서 비동기적 프로그래밍을 접해봤다. 사용자의 행동은 전적으로 비동기적이다. 사용자가 언제 클릭할지, 터치할지, 또는 타이핑할지 전혀 알 수 없다. 하지만 비동기적 실행이 사용자 입력 하나 때문에 필요한 건 아니다...

1일 전0개의 댓글

[ Data Visualizing ] - D3.js 란?

D3.js Data - Driven Documents. JavaScript 데이터 중심의 문서 (Data - Driven Documents)의 약자로 자바스크립트 기반의 라이브러리 언어이다. 사용자가 입력한 시각화 규칙을 바탕으로 데이터를 반영해 시각화 결과물을 생성...

3일 전0개의 댓글

[ Data Visualizing ] 데이터를 시각화 해야 하는 이유

추상적인 것을 구체화 시켜 시각적으로 표현하는 것은 정말 매력적인 일로 느껴집니다. 디자인 전공으로 공부를 하면서 UI UX 디자인, 사람의 행동을 이해하고 플렛폼에 맞춰 편리한 디자인을 제공하는 것에 관심이 많았고 구현하는 것에 관심이 생겨 개발 공부를 하면서 디자인...

3일 전2개의 댓글

[ Learning Javascript ] - 함수와 추상적 사고

서브루틴으로서의 함수 Subroutin은 아주 오래 된 개념이며 복잡한 코드를 간단하게 만드는 기초적인 수단이다. 서브루틴은 프로시저, 루틴, 서브프로그램, 매크로 등 다양한 이름으로 불립니다. 이들은 모두 매우 단순하고 범용적인, 호출할 수 있는 한 단위를 일컫...

6일 전0개의 댓글

[ React Blog ] - Modal & 읽기, 수정기능 구현

Modal & 읽기, 수정기능 구현

7일 전0개의 댓글

[ React Blog ] - Redux 연동 & 추가, 삭제기능 구현

모듈 설치 create-react-app 으로 프로젝트를 셋팅하고 scss로 기본적인 컴포넌트 디자인과 react-router-dom을 사용해서 컴포넌트 링크를 연결시켜준 상태이다. redux를 사용해서 포스팅의 추가, 읽기, 수정, 삭제 기능을 구현하려고 한다. ...

2019년 10월 7일0개의 댓글

[ Learning Javascript ] - 이터레이터와 제너레이터

Iterator 이터레이터와 제너레이터는 ES6에 새로 도입된 중요한 개념이다. 이터레이터는 '지금 어디 있는지' 파악할 수 있도록 돕는다는 면에서 일종의 책갈피와 비슷한 개념이다. 배열은 이터러블 객체의 좋은 예로 배열의 여러 요소에 이터레이터를 사용할 수 있다. ...

2019년 10월 6일0개의 댓글

서버사이드렌더링 & 클라이언트사이드렌더링

SPA Single Page Web Application 기법 하나의 페이지로 구성된 어플리케이션으로 규모가 크고 사용자와의 상호 작용이 많아짐에 따라 데이터 전송 과부화로 인한 속도 저하 등 문제점을 해결해주는 기법이다. 서버에 제공하는 페이지가 한 개로, 로딩을...

2019년 10월 4일0개의 댓글
[ React Blog ] - 프로젝트 시작 Thumbnail

[ React Blog ] - 프로젝트 시작

React Project - Blog 빠른 반응속도와 재사용성이 높은 코드를 위해 React-Router를 사용해 SPA 방식의 어플리케이션을 구현해 보고싶어서 기본적인 CRUD 기능을 갖춘 블로그를 만들려고 한다. 먼저 기능에 맞춰 직관적이고 깔끔하게 컴포넌트를 ...

2019년 10월 4일0개의 댓글

TypeScript

타입스크립트를 배워보자 최근 많은 회사와 개발자들이 사용하고 있는 TypeScript! 많은 장점을 가지고 있다고 하는데 기존 자바스크립트만 사용했을 때와 타입스크립트를 도입하면 어떤 차이점이 있는지 궁금증이 생겨 포스팅을 합니다. image.png 개발자 중심...

2019년 10월 2일0개의 댓글

[ Learning Javascript ] - 예외와 에러 처리

Error 객체 자바스크립트의 내장된 Error 객체를 사용해서 간편한 에러 처리를 할 수 있다. thorw 문을 주석 처리한 후 확인해 보면, finally 블록은 어느 쪽에서든 실행되는 것을 확인할 수 있다. 마무리 프로그래밍을 하면서 에러를 해결하는 과...

2019년 9월 30일0개의 댓글

[ Learning Javascript ] - 맵과 셋

map과 set ES6에서 새로 도입된 데이터 구조이다. 맵은 키와 값을 연결한다는 점에서 객체와 비슷하고, 셋은 중복을 허용하지 않는다는 점만 제외하면 배열과 비슷하다. Map ES6 이전에는 키와 값을 연결하기 위해 객체를 사용했는데 이런 목적으로 객체를 사용하...

2019년 9월 30일0개의 댓글

[ React ] - React Life Cycle

LifeCycle API image.png 이 API 는 React Component가 브라우저에서 로딩, 사라질때, 에러가 나타났을때 그리고 업데이트될 때, 호출되는 API로 리액트 라이프 사이클을 공부한 내용을 정리한 포스트이다. 컴포넌트 라이프사이클 초기 화...

2019년 9월 29일0개의 댓글

자료구조

자료구조란? 사전적인 의미는 자료(Data)의 집합을 의미하고, 각 원소들이 논리적으로 정의된 규칙에 의해 나열되며 자료에 대한 처리를 효율적으로 수행할 수 있도록 자료를 구분하여 표현한 것이다. 자료구조를 사용하는 목적 Data를 더 효율적으로 저장하고 관리하기 ...

2019년 9월 28일0개의 댓글

[ Learning Javascript ] - 객체와 객체지향 프로그래밍

프로퍼티 나열 객체를 객체답게 만드는 프로퍼티는 키 (문자열 또는 심볼)과 값으로 구성된다. 객체의 특징은 키를 통해 프로퍼티에 접근할 수 있다는 점이다. 객체도 컨테이너이며 프로퍼티 나열을 지원하고 순서가 보장되지 않는다는 점을 기억해야한다. for...in ...

2019년 9월 26일0개의 댓글

[ React ] Multi-Step-Form

image.png 하나의 부모 구성 요소와 세 개의 자식 구성 요소가 있습니다. 참조 - https://css-tricks.com/the-magic-of-react-based-multi-step-forms/ https://www.w3schools.com/howt...

2019년 9월 24일0개의 댓글

HTTP

HTTP는 HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜입니다. HTTP는 보통 브라우저인 수신자에 의해 요청이 초기화되는 것을 의미하는, 웹과 클라이언트-서버 모델 상에서 모든 데이터 교환의 기초입니다. 하나의 완전한 문서는 페치(Fetch)된 또...

2019년 9월 24일0개의 댓글

CS

프로토콜 프로토콜은 주는 쪽과 받는 쪽간의 약속이다. 데이터를 전달하기 위한 절차이다. 통신 규약에 해당된다. 상호간에 그 내용을 이해하기 위해서 서로 약속을 한다. 무슨 데이터를 먼저 보내고 그 다음에 무슨 데이터를 보내고, 그 내용이 뭔가에 따라서 계속 전달이 되거...

2019년 9월 24일0개의 댓글

[ Learning Javascript ] - 배열과 배열 처리

프로그래밍을 하다 보면 데이터 집합을 조작해야 할 일이 정말 많은데, 자바스크립트의 배열 메서드에 익숙해지면 이런 작업을 쉽게 처리할 수 있고 자바스크립트 개발 능력이 한 단계 올라갈 수 있다. 배열의 기초 배열의 기본적인 사항 + 배열은 객체와 달리 본질에서 순서...

2019년 9월 23일0개의 댓글

[ Learning Javascript ] - 스코프

Scope 스코프 (scope)는 변수와 상수, 매개변수와 언제 어디서 정의되는지 결정한다. 함수 매개변수가 함수 바디 안에만 존재하는 것도 스코프의 한 예이다.

2019년 9월 21일0개의 댓글