리액트에서는 상태 관리를 위해 useState 훅을 통하여 state를 만들고 setState를 통해 state 값을 변화시킨다. 아래 코드를 한 번 실행해보자. import React, { useState } from "react"; const App2: React.FC = () => { const [state, setState] = ...

html로 코드를 작성하고 브라우저로 실행해보면 적용하지 않았는데도 불구하고, 자동으로 style(margin, padding 등)이 들어가게 될 것이다. 웹 브라우저마다 default 값으로 스타일이 적용되어 있기 때문이다. 브라우저마다의 기본 디폴트 스타일 값이 아니라 동일한 CSS 스타일을 보여주기 위해 이런 default 디폴트 값을 초기화...

스크럼은 최대 1개월 길이로 반복되는 주기적인 스프린트 라는 방식으로 일을 조직한다. 이 포스팅에서는 스프린트가 무엇인지에 대해 더 자세히 설명할 예정이다. 그러고나서 다음과 같은 스프린트의 몇 가지 주요 특징들에 대해 논의할 것이다. 스프린트 는 타임박스(timebox) 로 구성되어 있다. 짧거나 지속적인 기간을 가진다. 한 번 시작한...

개요 순수한 전통적, 계획 주도적 계획법 중 하나를 흔히 폭포수(waterfall) 모델 이라고 한다. 계획 주도적 프로세스는 종종 순차적 프로세스라고도 하는데, 처음부터 제품에 대한 모든 요구사항을 정의하고 이에 대해 설계를 진행하고, 그 다음 순서대로 코딩 그리고 테스팅 이렇게 순차적으로 이뤄지기 때문이다. 계획 주도적인 개발은 요구사항이...

스크럼 개요 스크럼은 고품질 제품의 생산을 보장하는 표준화된 공정이 아닌 일을 조직하고 관리하는 프레임워크이다. 스크럼은 일련의 가치, 원칙, 실천법을 바탕으로 조직에 기초를 제공하고 여기에 해당 기업 특유의 기술 개발 실천법과 스크럼을 실현하는 구체적인 접근법이 더해진다. 그 결과 조직 특유의 스크럼이 만들어진다. 즉, 스크럼은 모든 조직에 정형화된...

virutal dom 을 알아보기에 앞서 dom이란 무엇인가? Document Object Model 의 약자 객체로 문서 구조를 표현하는 방법(html 파일로부터 브라우저 화면을 표현하는 방법) 트리 형태로 구성되며 javascript로 특정 노드의 CRUD 작업이 가능 DOM 자체는 빠르더라도, 요소의 개수가 수 백개, 수천 개로 ...

ASIAutomatic Semicolon Insertion(자동 세미콜론 삽입) 이란? 자바스크립트 코드에서 ;(세미콜론) 이 필요한 곳인데도 불구하고, 단 하나의 ;이 누락되면 자바스크립트 프로그램은 돌아가지 않는다. ASI는 자바스크립트 프로그램의 세미콜론(;)이 누락된 곳에 엔진이 자동으로 ;을 삽입하는 것을 말한다. ASI는 새 줄(행바꿈Li...

자바스크립트로 웹 개발을 하다보면 아무리 간단한 애플리케이션이라도 데이터를 어딘가에 저장해야 할 일이 생긴다. 보통 이럴 때 데이터베이스(DB)서버나 클라우드(Cloud)플랫폼에 데이터를 저장하는 경우가 많을 것이다. 하지만 저장해야할 데이터가 별로 중요하지 않거나,유실되도 무방할 데이터라면 서버 단에 데이터를 저장하는 것이 낭비일 수가 있다. 이때...

JavaScript는 type이 불명확하므로 문서화를 통해 그 상세정보를 남겨야 한다. 그러나 소스코드와 분리된 문서는 사실상 그 활용가치가 매우 떨어진다. 소스코드와 일원화된 방식으로 문서화가 되려면 주석 을 사용해야 한다. 아래는 어떤 클래스의 특정함수에 대한 주석을 통한 문서화에 대한 간단한 예시이다. /** * todo 항목을 추가한다. ...

ES6는 var 키워드의 단점을 보완하기 위해 let과 const 키워드를 도입하였다. var let const 를 아래와 같은 세 가지 기준으로 비교할 수 있다. 1)변수 값의 변환 2)변수의 유효범위 3)호이스팅 1) 변수 값의 변환 var를 사용하면 변수 선언의 경우 할당되는 값이 유동적으로 변경될 수 있는 단점을 가지고 있...