profile
개발 베이비

Typescript 에서 string[] 과Array<string>의 차이점

string\[] 과Array&lt;string> 의 차이점은 거의 없다. 그러나 차별점을 줄 수 있는것은 바로 readonly이다. 정답은 string\[] 이다. 위와 같은 경우에 사용이 가능하다. 만약 아래와 같이 사용한다면 에러를 맛보게 된다💩

약 16시간 전
·
0개의 댓글

Img bottom에 남는 흰 줄 제거하기

img 태그를 사용하다보면 아래와 같이 흰줄이 조금하게 생기는것을 볼 수 있다. 이를 제거하기 위해서 우리가 할 수 있는 방법은 두가지 이다. \-> 브라우저가 이미지 엘리멘트는 inline과 텍스트로 취급하기 때문에 블락으로 바꾸는 순간 하얀 선이 지워진다.\->

약 21시간 전
·
0개의 댓글

waf 리팩토링 일지

드디어 첫 프로젝트에서 말썽을 일으켰던 부분을 리팩토링 했다. 당시에 '시간 부족' + '반응형에대한 인식 부족'때문에 프로젝트를 처음부터 끝까지 깊게 생각을 하지않았다. 그래도 완벽함을 추구하는 나의 성격상 꼭 리팩토링을 하겠다고 생각했었다.마지막 프로젝트 '빚다'가

2021년 2월 24일
·
0개의 댓글

Base URL (feat.axios)

프로젝트를 하면서 페어분께서 항상 불편하다고 하셨던 기능이고, 덕분에 잘 배운 기능이다. 로그인 오어스때문에 항상 빌드할때와 로컬에서 테스트할때 유알엘을 바꿔야하는 경우가 생겼다. 그러나 파일에 따로 저장해놓고 필요할때마다 가지고와서 사용하니 계속 바꿀 필요없었다.아래

2021년 2월 14일
·
0개의 댓글

코드 스테이츠를 마치며...

드디어... 20주라는 시간이 흘렸다. 사실 코드 스테이츠를 시작하기전에 20주는 '비전공자가 개발자로 취업을 하기엔 적은 시간이 아닐까'라는 생각을 했었다. 내가 코드 스테이츠오기 전 고민했던 다른 부트캠프도 최소 6개월이었다. 지금 생각해보면 생각보다 적은 시간이었

2021년 2월 8일
·
0개의 댓글
post-thumbnail

Final Project(빚다) 회고록

Bitda 링크git hub 링크1주 동안 새로운 스택을 공부하고, 2주 동안 3명의 팀원들과 함께 작업한 전통주 추천 웹사이트, '빚다'.퍼스트 프로젝트와 같이 나는 프론트 엔드를 맡았다.프로젝트를 하면서 내가 했던 Works :전반적인 와이어 프래임 및 전체 화면구

2021년 2월 2일
·
11개의 댓글

스크롤에 반응하는 애니메이션 구현하기

스크롤이 내려가면 아래에 있는 컨텐츠들이 효과로 보이는 것 구현하기 참고 블로그를 보고, 팀 프로젝트에 구현한 코드중 일부만 발췌했습니다. 코드 설명 위의 코드에서 함수는 element가 스크린 아래쪽에 있는지를 검사한다. 스크린 아래에 있으면 true를 반환할것

2021년 2월 2일
·
0개의 댓글

별점 기능 구현하기

꼭 한번 구현해보고 싶었던 기능이었는데, 내가 맡은 역할이 아니여서 못했다. 그래도 한번 꼭 해보고 싶었기에, 쉬는 시간에 코드를 보고 공부하고, 혼자 만들어봤다.

2021년 1월 24일
·
0개의 댓글

무한 스크롤 기능

: 파이널 프로젝트를 하면서 무한 스크롤 기능이 필요하게 되어 직접 구현해봤다. 처음에 뭔가 어려울거 같았지만, 막상 해보니 별거 없었다.내가 구현한 기능은 스크롤을 웹 화면에서 가장 밑에서 스크롤을 더 내리면, 새로운 데이터들을 가지고 와서 화면에 렌더하는 기능이다.

2021년 1월 24일
·
0개의 댓글

Typescript에서 hook을 사용하여 상태를 관리하기

useState 를 사용하실때 useState&lt;number>() 와 같이 Generics 를 사용하여 해당 상태가 어떤 타입을 가지고 있을지 설정만 해주시면 됩니다.useState를 사용 할 때 Generics 를 사용하지 않아도 알아서 타입을 유추하기 때문에 생

2021년 1월 12일
·
0개의 댓글

Typescript로 react 컴포넌트 작성하기

typescript를 사용하는것과 pure react를 사용할때, 작성법은 배우 비슷하다. 최상위 컴포넌트 app.tsx와 그 하위 컴포넌트인 greeting.tsx를 사용하여 간단한것을 렌더링 해보자

2021년 1월 12일
·
0개의 댓글

Typescript로 react시작하기

Typescript로 react시작하기위의 명령어처럼 마지막에 --typescript 를 붙여주면 타입스크립트 설정이 적용된 프로젝트가 생성한다.만약에 이미 생성된 파일에 Typescript를 적용하고 싶다면 아래와 같은 명령어를 !참고

2021년 1월 12일
·
0개의 댓글

Typescript 기초(2)

type 은 특정 타입에 별칭을 붙이는 용도로 사용합니다. 이를 사용하여 객체를 위한 타입을 설정할 수도 있고, 배열, 또는 그 어떤 타입이던 별칭을 지어줄 수 있습니다.&lt;a href='https&#x3A;//github.com/Microsoft/TypeScrip

2021년 1월 12일
·
0개의 댓글

Typescript 기초(1)

주의 !!함수에서 만약 아무것도 반환하지 않아야 한다면 이를 반환 타입을 void 로 설정하면 됩니다.public 으로 선언된 값은 클래스 외부에서 조회 할 수 있으며 private으로 선언된 값은 클래스 내부에서만 조회 할 수 있습니다. 따라서 아래 코드에서는 cir

2021년 1월 12일
·
0개의 댓글

Typescript 설치 및 설정

(출처)

2021년 1월 11일
·
0개의 댓글

First project(waf) 회고

waf 프로젝트 회고. waf 링크 git hub 링크 생각보다 짧지 않았던 2주간 팀원들과 함께했던 프로젝트 회고록. 나의 역할 팀원은 총 4명으로 구성되었고, 나는 프론트 엔드를 맡았다. 프론트엔드에서 맡은 역할 - 냉장고 직접 디자인(일러스트), 물건 추가

2021년 1월 6일
·
2개의 댓글

div 엘리먼트 안에 스크롤바 넣기

스크롤을 넣기위해서는 overflow-y라는 녀석을 넣어주면된다. 여기서 주의할점은 height를 꼭 넣어주어야한다는 점이다 !

2021년 1월 2일
·
0개의 댓글

coinChange(동전으로 금액 맞추기)

다양한 동전들을 가지고 특정 금액을 만들 수 있는 모든 경우의 수를 리턴해야 합니다.예를 들어, 100원, 500원짜리 동전을 가지고 1,000원을 만들 수 있는 방법은 총 3가지 입니다.100원 10개, 100원 5개 + 500원 1개, 500원 2개동전의 금액은 다

2020년 12월 30일
·
0개의 댓글

Add days to current date & get D-day

+N일 하기 >Date.prototype.addDays = function(days) { var date = new Date(this.valueOf()); date.setDate(date.getDate() + days); return date;

2020년 12월 29일
·
0개의 댓글

rockPaperScissors(가위바위보)

가위바위보 게임은 2인 이상의 사람이 동시에 '가위, 바위, 보'를 외치고 동시에 가위, 바위 또는 보 중에서 한 가지를 의미하는 손 모양을 내밀어 승부를 결정짓는 게임이다. 세 판의 가위바위보 게임을 할 경우, 한 사람은 세 번의 선택(예. 가위, 가위, 보)을 할

2020년 12월 24일
·
0개의 댓글