CI/CD는 약어로 몇가지의 다른 의미로 나눠지고 있다.CI 는 개발자를 위한 자동화 프로세스인 지속적인 통합을 의미한다.CI를 성공적으로 구현할 경우 애플리케이션에 대한 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트되어 공유 레포지토리에 통합되므로 여러 개발자가

TypeScript 열거형(Enum) 열거형은 일반적으로 상수값을 대신하여 사용되고 타입스크립트에서는 열거형이 많이 사용된다. 열거형은 코드를 더욱 가독성 높게 만들어주고, 오타 같은 실수를 방지해 준다. 숫자형 열거형 문자형 열거형 문자 열거형은 숫자 열거형과

TypeScipt 타입 Boolean 타입 가장 기본적인 타입으로 JS에서도 마찬가지고 boolean이라고 불리는 값 true, false Number 타입 String 타입 Array 타입 첫 번째 방법 배열의 요소들을 나타내는 타입뒤에 배열을 [] 을 쓰

자료구조란 여러 데이터의 묶음을 저장하고, 사용하는 방법을 정의한 것이다자료구조의 특징 대부분의 자료구조는 특정한 상황에 놓인 문제를 해결하는 데에 특화되어있다.많은 자료구조를 알아두면, 어떠한 상황이 닥쳤을 때 적합한 자료구조를 빠르고 정확하게 적용하여 문제를 해결할

인터넷이 대중화 되면서 네트워크는 컴퓨터 기술에서 빼놓을 수 없는 분야가 되고 있다.현재 우리는 언제 어디서나 인터넷에 접속하여 필요한 정보를 찾고 사람들과 연락을 주고 받을 수가 있는데 이러한 네트워크의 유래는 냉전시대 때 통신망구축을 위해 추진되었는데 이때 사용 되

사람들은 웹이라고 하면 인터넷을 떠올리는데 인터넷은 웹기반으로 작동하는줄아는데 크나큰 오해다. 웹은 두 글자로는 '공간' 으로 정의 할 수 있다. 문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간은 '웹'이다. 내가 어렸을 때만해도 학교 컴

애플리케이션 상태 관리(Managing States)는 버그를 최소화 하면서 잘 만들어진 경험(UX)을 사용자에게 제공하는 데 절대적으로 중요하다. 또한 오늘 날 프론트 엔드 애플리케이션 제작에 있어 가장 어려운 부분 중 하나로 인식되어지고 있다.Redux 는 애플리케

페이지가 완성된 다음 다른 페이지에 적용되는 버튼에 대한 추가적인 기획안이 도착했다이때 이전 페이지에서 사용했던 버튼을 똑같이 사용하도록 요청받았다면 여러 프로젝트, 팀간에 같은 UI 컴포넌트를 공유한다면 새로 만들어야 하나? 라는 고민을 하지 않아도 된다디자인과 개발

Today I LearnedUI/UX 개념UI 디자인UX 디자인User FlowUI/UX 사용성 평가UI(User Interface, 사용자 인터페이스)사람들이 컴퓨터와 상호 작용하는 시스템휴대폰, 컴퓨터, 내비게이션 등 디지털 기기를 작동시키는 명령어나 기법을 포함하

재귀란 무엇일까? 재귀(再歸) : 원래의 자리로 되돌아가거나 되돌아옴. 재귀는 위에 있는 사진과 같은 계속 반복되는것을 의미합니다.재귀 코드 예시함수의 호출 결과 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우중첩된 반복문이 많거나 반복문의 중

SOP는 Same-Origin-Policy의 줌일말로 동일 출처 정책을 뜻한다.한 마디로 정의 하면 같은 출처의 리소스만 공유가 가능하다.여기서 출처는 다음과 같다.SOP는 문서를 분리함으로써 공격받을 수 있는 경로를 줄여준다는 장점이 존재한다.만약 네이버와 같은 웹페

React 데이터 흐름 React 개발 방식은 페이지 단위가 아닌, 컴포넌트 단위로 시작 ( 제일 낮은것은 element) React 데이터는 하향식으로 props를 전달한다. Props vs State React에는 두 가지 데이터 모델인 props 와 stat

HTTP HTTP는 HyperText Transfer Protocol의 줄임말로, HTML과 같은 문서를 전송하기 위한 프로토콜입니다. HTTP는 웹 브라우저와 웹 서버의 소통을 위해 디자인되었습니다. 전통적인 클라이언트-서버 모델에서 클라이언트가 HTTP Messa

📝 클라이언트 서버 -아키텍처 2티어 아키텍처(클라이언트 -서버 아키텍처) 리소스를 사용하는 앱과 리소스가 존재하는곳 앱 = 클라이언트 리소스 = 서버 3티어 아키텍처(클라이언트-서버-데이터베이스) 기존 2티어 아키텍처에 데이터베이스를 추가한 형태 데이터 베

REST API는 웹에서 사용되는 데이터 자원을 HTTP URI로 표현하고 HTTP 프로토콜을 통해 요청 응답을 정의 하는 방식입니다.REST API를 디자인 하는 방법이 존재하는데 작성할때 몇가지 지켜야하는 규칙들이 있습니다.REST 성숙도 모델은 총 4단계로 나누어

jsx 는 자바스크립트 xml을 추가 확장한 문법입니다.브라우저에서 실행되기전에 바벨을 사용해 일반 자바스크립트 형태의 코드로 자동 변환됩니다.리액트에서 쓰이는 jsx는 하나의 파일에서 자바스크립트와 html을 동시에 작성할수 있기 때문에 가독성이 높고 작성하기 편한

React Twittler Intro 과제 레퍼런스의 의사코드를 작성

javascript에서 기본 데이터 타입을 제외한 몯느 것은 객체입니다. 객체가 만들어지기 위해서는 자신을 만드는 데 사용된 원형인 프로토 타입 객체를 이용하여 객체를 만듭니다. 자신을 만드는데 사용된 원형인 프로토타입 객체를 이용하여 객체를 만들게 되는데 이때 만들어

객체지향 프로그래밍은 실세계에 존재하고 인지하고 있는 객체(Object)를 소프트웨어의 세계에서 표현하기 위해 객체의 핵심적인 개념 또는 기능만을 추출하는 추상화(abstraction)를 통해 모델링하려는 프로그래밍 패러다임을 말합니다.객체의 의미에대해서 다시 알아보면

Class는 객체를 생성하기 위한 템플릿입니다. 클래스는 데이터와 이를 조작하는 코드를 하나로 추상화합니다. 자바스크립트에서 클래스는 프로토타입을 이용해서 만들어졌지만 ES5의 클래스 의미와는 다른 문법과 의미를 가집니다.Class를 사용하는 가장 큰 이유는 재사용성이