profile
힘들땐 블로그 하나더 적자!!![ Suyang ]
post-thumbnail

TS - Generic

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

2019년 12월 17일
·
0개의 댓글
post-thumbnail

TS-Interface, TypeAlias

Interface interface 에서 값을 설정할때 그 값이 있을수도 있고 없을수도 있을때 처리 (? 를 사용해 줍니다.) interface 값이 다른 interface에 중첩이 되는것이 있을때 상속받을수가 있다. 상속받을 것에대해서 extends 를 사용하여서 상속시킬수 있다. Public / Private > 위의 예제를 변형 시켜 보겠습니다....

2019년 12월 17일
·
0개의 댓글
post-thumbnail

TypeScript 스터디

왜 ? 사용하는가? 자바스크립트에 타입을 지정해서 안정성이 확보됩니다. 타입에 대한 예외 처리를 하지 않아도 됩니다. >위 처럼 예외 처리가 빈번할수록 오버헤드가 생깁니다. *오버헤드 : 어떤 처리를 하기 위해 들어간 간접적인 처리시간,메모리 JS 엔진의 최적화를 돕습니다. > 자바스크립트 엔진은 a,b 가 정수형이 들어온다는 가정하에 최적화를 실...

2019년 12월 17일
·
0개의 댓글

Snippet

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

2019년 12월 16일
·
0개의 댓글

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

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

2019년 12월 11일
·
0개의 댓글
post-thumbnail

ESLint

Why? > 자바스크립트 문법 첵첵해주는 도구 설치 VScode 에서 ESlint 설치 터미널에 yarn or npm install eslint-config-airbnb , npm install eslint-config-prettier > create-react-app 을 하게되면 package.json에 가보면 자체적으로 eslint가 설치가 됩니...

2019년 12월 4일
·
0개의 댓글
post-thumbnail

Prettier

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

2019년 12월 4일
·
0개의 댓글

Design Flow

Research > Analyze > Ideate > Prototype > Test Project Brief 프로젝트 목표, 타겟 유저, 요구사항,예산/스케쥴,제한사항등이 명시된 문서 Stakeholder Interview(내부이해관계자) 프로젝트에 관여되어 있는 내부 이해관계자들을 지칭 CEO 및 이사급, 프로젝트와 직/간접적으로 관련된 업무를 하...

2019년 11월 28일
·
0개의 댓글

Agile 과 Waterfall 프로세스

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

2019년 11월 28일
·
0개의 댓글

UI / UX 역할

기본 흐름 기획 > 설계 > 디자인 > 개발 > 출시 기획 문제정의 목표수립 현황분석 사용자 조사 전략 수립 설계 정보구조 인터페이스 기능 설계 디자인 와이어프레임 UI 디자인 인터랙션 디자인 프로토타이핑 개발 개발 테스트 출시 가설 검증 사용자 테이스트 데이터 분석 개선 직군 별 역할 Product Owner, Product Man...

2019년 11월 28일
·
0개의 댓글

UI/UX 트랜드

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

2019년 11월 28일
·
0개의 댓글

UX / UI 용어

Fidelity > Fidelity : 충실도, 묘사 / 표현의 정도를 나타냄 Low Fidelity : 최소한의 구성 요소는 다 갖추고 있는 정도 High Fidelity : 완성에 거의 가까운 형태 > 간단히 한정도와 출시 전 단계 까지의 완성도 차이 Wireframe 기획단계에서 주로 제작되고, 각 페이지들의 정보와 UI 요소등에 대한 배치를 ...

2019년 11월 28일
·
0개의 댓글

CSS - Transition

transition transition-property transition-duration > transition은 바뀌기 전 상태에서 값을 정의해 준다. transition은 모든 상태값을 같이 정의 할 수 있다. property 는 바뀐 값의 키 값을 가지고 duration은 그 상태의 시간 (초) 를 나타낸다. transition-timing-...

2019년 11월 16일
·
0개의 댓글
post-thumbnail

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

Amazon Relational Database Service Amazon RDS 비용 효율적이고 조절 가능한 용량 시간 소모적인 데이터 베이스 관리 작업을 지원 Aurora, MySQL, MariaDB, Microsoft SQL Server, Oracle 및 PostgreSQL 데이터베이서의 전체 기능에 대한 액세스 VMware에 배포 가능 RDS ...

2019년 11월 6일
·
2개의 댓글
post-thumbnail

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

Amazon S3 Glacier Amazon-S3-Glacier@4x.png 저렴한 장기 아카이빙 서비스 자주 액세스 하지 않는 데이터 최적 나인 일레븐 내구성을 제공하도록 설계 3~5 시간의 표준 검색 시간 월별 GB 당 0.01 USD 미만 (리전에 따라 다름) S3 스토리지 클래스 표 스크린샷, 2019-11-12 02-56-30.png 스탠...

2019년 11월 6일
·
0개의 댓글
post-thumbnail

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

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

2019년 11월 6일
·
0개의 댓글
post-thumbnail

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

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

2019년 11월 5일
·
0개의 댓글
post-thumbnail

컴포넌트 스타일 Sass

Syntactically Awesome Style Sheets 유지보수, 모듈화 두개의 확장자 > .sass( 중괄호 없이 작성 가능 ), . scss ( 중괄호 포함하여 작성 ) 시작하기 > npx create-react-app [파일이름] yarn add node-sass 사용법 대체로 .scss 파일로 생성 글로벌 적으로 선언 하고 싶은 ...

2019년 10월 27일
·
0개의 댓글

React Life Cycle

스크린샷, 2019-10-26 13-37-13.png Mounting constructor > 컴포넌트가 가장 처음 시작할때 생성됨. getDerivedState > props 로 가져온 것을 state에 동기화 시킬때 사용 ( 딱히 사용안함 ) render > 위에 사항이 다 완료가 되고 랜더를 시킨다. componentDidMount >...

2019년 10월 26일
·
0개의 댓글

Immer

immer를 사용하면 불변성을 해치는 코드를 작성해도 대신 불변성 유지를 해준다. (라이브러리) > useState를 사용할때 setState에서 객체 형식을 관리학 까다로울때 produce를 이용해도 좋다.

2019년 10월 26일
·
0개의 댓글