thumbnail
TS - Generic Thumbnail

TS - Generic

Why? 제네릭은 선언 시점이 아니라 생성 시점에 타입을 명시하여 하나의 타입만이 아닌 다양한 타입을 사용할 수 있도록 하는 기법이다. 한 번의 선언으로 다양한 타입에 재사용이 가능하다는 장점이 있다. T 는 제네릭을 선언할때 관용적으로 사용되는 식별자입니다. ...

2019년 12월 17일0개의 댓글
TS-Interface, TypeAlias Thumbnail

TS-Interface, TypeAlias

Interface * interface 에서 값을 설정할때 그 값이 있을수도 있고 없을수도 있을때 처리 (? 를 사용해 줍니다.)

2019년 12월 17일0개의 댓글
TypeScript 스터디 Thumbnail

TypeScript 스터디

왜 ? 사용하는가? * 자바스크립트에 타입을 지정해서 안정성이 확보됩니다. * 타입에 대한 예외 처리를 하지 않아도 됩니다. result에 string으로 지정해 두게되면 'hello world'를 지우고 1을 넣으면 빨간색 밑줄이 생기면서 'string' 형...

2019년 12월 17일0개의 댓글

Snippet

Why? react 에서 컴포넌트를 많이 만들게 되는데 그것을 좀더 쉽게 사용할 수있도록 매크로 기능 TO-DO 1. 모영 틀을 만듭니다 여기서 ${TMFILENAMEBASE}는 파일의 이름이 자동으로 들어오게끔 하기 위해서 입니다. 2. 이 사이트로 ...

2019년 12월 16일0개의 댓글

인공지능, 파이썬을 이용한 빅데이터 수집

ML 이란 ? (Machine Learning) 기계에게 많은 양의 데이터를 주는 것을 통해서 기계가 그 데이터를 사용하면서 자기 스스로 추측을 하며 학습한다. 지도학습 (Supervised Learning) 정답이 주어진 상태에서 컴퓨터를 학습시키는 방법. ...

2019년 12월 11일0개의 댓글
ESLint Thumbnail

ESLint

Why? 자바스크립트 문법 첵첵해주는 도구 설치 * VScode 에서 ESlint 설치 * 터미널에 yarn or npm install eslint-config-airbnb , npm install eslint-config-prettier create-re...

2019년 12월 4일0개의 댓글
Prettier Thumbnail

Prettier

Why? 정해진 규칙을 정해주어서 코드 스타일링을 쉽게 가져간다. 설치 * VS code 를 설치한다. * 왼쪽에 Extensions 에서 Prettier를 검색하고 다운로드 수가 제일 많은것을 다운! * React 에서 src 폴더에 .prettierrc를 만...

2019년 12월 4일0개의 댓글

Design Flow

Research Analyze Ideate Prototype Test Project Brief * 프로젝트 목표, 타겟 유저, 요구사항,예산/스케쥴,제한사항등이 명시된 문서 Stakeholder Interview(내부이해관계자) * 프로젝트에 관여...

2019년 11월 28일0개의 댓글

Agile 과 Waterfall 프로세스

Waterfall 폭포수와 같은 디자인, 개발 등 각각의 프로세스가 순차적으로 진행됨 단점 * 문제가 발생 되었을때 유연한 대처가 힘들다. * 출시에 가까워 질수록 이전 단계로 돌아가서 하기 힘들다. Agile 큰 프로젝트를 잘개 쪼개어 진행하기 때문에 ...

2019년 11월 28일0개의 댓글

UI / UX 역할

기본 흐름 기획 설계 디자인 개발 출시 기획 * 문제정의 * 목표수립 * 현황분석 * 사용자 조사 * 전략 수립 설계 * 정보구조 * 인터페이스 * 기능 설계 디자인 * 와이어프레임 * UI 디자인 * 인터랙션 디자인 * 프로토타이핑 개발 ...

2019년 11월 28일0개의 댓글

UI/UX 트랜드

마이크로 인터랙션 * 간결한 제스처와 비주얼 피드백을 활용하여 사용자의 인지를 돕는다. ex) 아이디를 타이핑할때 캐릭터의 눈이 따라 가고, 비밀번호 일때는 눈을 가린다. 컨텐츠 중심의 UX * 콘텐츠에 집중 시키기 위해 불필요한 디자인 요소 제거 * 여백을 ...

2019년 11월 28일0개의 댓글

UX / UI 용어

Fidelity Fidelity : 충실도, 묘사 / 표현의 정도를 나타냄 Low Fidelity : 최소한의 구성 요소는 다 갖추고 있는 정도 High Fidelity : 완성에 거의 가까운 형태 간단히 한정도와 출시 전 단계 까지의 완성도 차이 Wire...

2019년 11월 28일0개의 댓글

CSS - Transition

transition * transition-property * transition-duration

2019년 11월 16일0개의 댓글
AWS 컨퍼런스 전문가양성 1일차 Part.4 Thumbnail

AWS 컨퍼런스 전문가양성 1일차 Part.4

Amazon Relational Database Service Amazon RDS * 비용 효율적이고 조절 가능한 용량 * 시간 소모적인 데이터 베이스 관리 작업을 지원 * Aurora, MySQL, MariaDB, Microsoft SQL Server, Orac...

2019년 11월 6일2개의 댓글
AWS 컨퍼런스 전문가양성 1일차 Part.3 Thumbnail

AWS 컨퍼런스 전문가양성 1일차 Part.3

Amazon S3 Glacier Amazon-S3-Glacier@4x.png * 저렴한 장기 아카이빙 서비스 * 자주 액세스 하지 않는 데이터 최적 * 나인 일레븐 내구성을 제공하도록 설계 * 3~5 시간의 표준 검색 시간 * 월별 GB 당 0.01 USD 미만 (...

2019년 11월 6일0개의 댓글
AWS 컨퍼런스 전문가양성 1일차 Part.2 Thumbnail

AWS 컨퍼런스 전문가양성 1일차 Part.2

AWS 기초 서비스 Amazon EC2 Amazon-EC2@4x.png * 크기 조정 가능한 컴퓨팅 파워 * 컴퓨팅 리소스 완전제어 * 새로운 서버 인스턴스 확보 및 부팅 시간을 단축 * 사용한 만큼만 요금을 지불하면 됨 * 인스턴스 선택시 고려할 사항 ...

2019년 11월 6일0개의 댓글
AWS 컨퍼런스 전문가양성 1일차  Part.1 Thumbnail

AWS 컨퍼런스 전문가양성 1일차 Part.1

아마존 컨퍼런스 * AWS - training 교육 포탈 회원가입하고 * 강의자료를 Bookshelf를 통해서 가입 * QwikLABS에서 실습 사이트 가입까지하였다 AWS 몰랐던 꿀팁 * AWS 의 데이터 센터는 공식적으로 비공개이다. * 미국에서는 정부...

2019년 11월 5일0개의 댓글
컴포넌트 스타일 Sass Thumbnail

컴포넌트 스타일 Sass

Syntactically Awesome Style Sheets 유지보수, 모듈화 두개의 확장자 .sass( 중괄호 없이 작성 가능 ), . scss ( 중괄호 포함하여 작성 ) 시작하기 npx create-react-app [파일이름] yarn add ...

2019년 10월 27일0개의 댓글

React Life Cycle

스크린샷, 2019-10-26 13-37-13.png Mounting * constructor 컴포넌트가 가장 처음 시작할때 생성됨. * getDerivedState props 로 가져온 것을 state에 동기화 시킬때 사용 ( 딱히 사용안함 ) *...

2019년 10월 26일0개의 댓글

Immer

immer를 사용하면 불변성을 해치는 코드를 작성해도 대신 불변성 유지를 해준다. (라이브러리)

2019년 10월 26일0개의 댓글