본문 바로가기

2020-2021/TIL79

Mini-react-project2 #0 Javascript + React-hoos 리펙토링 타입스크립트 개념 배운 것을 바탕으로 기존 자바스크립트로 되어있는 애플리케이션을 타입스크립토 리펙토링 해보자 : ) 2021. 2. 28.
Block Chain [typescript] #4 이전 실습에서는 인수에 타입 지정하는 방법은 (인수:type) 방식을 배웠는데, 오늘 inteface 키워드와 typescript에서 타입 지정하는 방법을 배웠다. interface 인수에 타입을 설정할 때, 위와 같이 (인수 : 인수의 타입) 방법으로 설정을 했다면, 오늘은 interface 키워드를 사용해 객체 안에 인수의 타입을 설정하는 방법을 배웠다. Student 인터페이스는 문자열 타입의 name 프로퍼티와 숫자타입의 age 프로퍼티 2개를 가진다는 것을 의미한다. [함수에 전달된 객체가 나열된 요구 조건을 충족하면, 허용] 타입 검사는 프로퍼티들의 순서를 요구하지 않고, 요구하는 프로퍼티들이 존재하는지와 프로퍼티들이 요구하는 타입을 가졌는지만을 확인 1. interface의 선택적 프로퍼티 .. 2021. 2. 26.
Block Chain [typescript] #3 TypeScript 실습 1. 인자값에 대한 에러 출력 자바스크립트는 함수를 선언할 때 인자를 3개를 넣고, 함수 실행시 매개변수를 2개만 넣어도 실행이 되었다. 하지만! 타입스크립트에서는 3개 인자가 모두 들어가지 않으면 오른쪽 사진과 같은 에러를 출력해준다. 만약 특정 인자가 필수가 아닌 옵셔널이라면 ? ?를 인자 뒤에 붙여주면 옵셔널이라고 인식을 하고 함수실행시 에러를 출력하지 않는다. 2. 타입 설정하기 타입스크립트에서는 인자에 타입을 설정할 수 있다. 설정하지 않은 상태라면 왼쪽과 같은 사진처럼 모든 인자가 any 라고 표기 되어있고, 오른쪽처럼 설정을 한다면 인자에 타입이 지정된 것을 확인할 수 있다. 만약 매개변수가 해당 타입을 하고 있지 않는다면 에러를 출력한다. 타입스크립트는 출력되는 결.. 2021. 2. 25.
Block Chain [typescript] #2 TypeScript: 컴파일-타임 타입 검사자가 있는 JavaScript의 런타임 1. TypeScript 타입 시스템 TypeScript은 JavaScript 위에 레이어로서 자리잡고 있는데, JavaScript의 기능들을 제공하면서 그 위에 자체 레이어를 추가한다. JavaScript는 이미 string, number, object, undefined 같은 원시 타입을 가지고 있지만, 전체 코드베이스에 일관되게 할당되었는지는 미리 확인해 주지 않는다. TypeScript는 일관되게 변수의 타입을 지정할 수 있다. 자바스크립트의 유연하게 개발할 수 있는 환경은 런타임 환경에서 쉽게 에러가 발생할 수 있는 문제점이 있다. 타입스크립트는 이러한 자바스크립트에 강한 타입 시스템을 적용해 대부분의 에러를 컴파.. 2021. 2. 23.
Block Chain [typescript] #1 헷갈리게 만드는 Javascript 1. intro함수의 인자 값에 city가 없어도 출력이 되는 이유는? 첫번째 로직은 intro 함수에 필요한 인자 값을 3개를 요구해서, 3개를 모두 넣었을 때 모든 값이 정상적으로 출력되는 것을 볼 수 있다. 하지만 그 밑의 경우에는 똑같이 함수가 요구하는 인자 값은 3개지만, 함수를 실행시킬 때 city라는 인자를 넣지 않은 상태로 함수가 실행이 되었다. [자바스크립트는 변수 선언시 값을 할당하지 않아주면 기본값으로 undefined가 할당된다.] 2. area에 NaN이 출력된 이유는? 첫번째 코드를 보면 area 부분에 obj.heigth를 obj.heigth로 철자를 잘못 써줬기 때문이다. 3. 분명 저 셋은 모두 다른데 왜 true가 나올까? 동등 비교(=.. 2021. 2. 22.
0203 1. 코드스테이츠를 신청한 계기가 무엇이었나요? [개발자가 되기로 결심한 이유] 코드스테이츠에 들어오기 전 건축을 공부하는 학생이었습니다. 공간이 사람에게 미치는 영향과 공간을 계획하기 위해서 사람의 행태부터 빛, 채도, 땅, 등등 다양한 요소를 조화롭게 담아야 의미 있는 공간이 된다는 매력에 푹 빠져있었습니다. 그래서 저는 정말 잘 배워서 사람을 품어줄 수 있는 따뜻하고 의미 있는 공간을 설계하는 건축가가 되는 것이 목표였습니다. 그런 건축을 하기 위해 저는 최선을 다해서 공부했고, 방학 기간과 학교에 다니면서 설계사무소, 실내디자인 사무소를 나가서 실습했습니다. 그러던 어느 날 설계사무소 소장님께서 인턴인 저에게 교회와 주택 설계 프로젝트에 참여할 수 있게 기회를 주셨습니다. 저는 직원분들과 함께 컨.. 2021. 2. 3.
0110 왜 그런지 궁금해 왜 그런지 궁금해 왜 궁금한지 궁금해 왜 궁금한지를 왜 궁금해 하는지가 왜 궁금한지 나는 궁금해 -page 78 2021. 1. 10.
0104 각기 다른 색과 특징을 갖은 재료들을 어떻게 조합하는게 좋은지 고민하는 것은 좋은 공부 : ) 조합을 잘한다는 것은 재료의 본질을 안다는 것 -page 50 2021. 1. 4.
0101 새해다 : ) 나를 속이지 말고, 주변 눈치 보지말고, 21년 새해에는 떳떳한 사람이 되자.! 2021. 1. 1.