본문 바로가기
반응형

패스트캠퍼스60

[프론트엔드 개발 스쿨 16주차] Todo(할일 목록) 의 끊임없는 연습 1. Todo란 무엇인가? 위 사진은 todo가 완성된 모습이다 (물론, 최종본은 아니다 버전 1234 중에 4버전일뿐!) 대략 설명하자면 , 일정관리의 심플버전이라고하면 편할것 같다. 내가 HTML, CSS, JAVASCRIPT를 배워야한다고 쳤을때 새로운 할일로 Angular를 입력할 수도 있는거고, 잘못입력해서 지우고싶으면 지울 수도 있고 할일을 완료했으면, 완료할 수 있도록 체크박스를 통해서 바꿀 수 있고, 언제든 한 일 목록과, 아직 하지않은 목록을 구분할 수 있고, 아래에는 완료일을 지워줄 수 있기도하고, 실시간으로 완료한일들과 남은일들이 표시된다. 왜 Todo를 이렇게 소개하는가 하면, Js를 그리고 Angular를 배우면서 가장 많이 하는 예습이자 , 실제로 스쿨 전기수선배분들이 현업에서 .. 2019. 6. 20.
2019-06-17 typescript generic / Angular template, Data binding [ 1 , 2, 3 ] 앞쪽에 집어 넣는 것은 unshift / 앞쪽에서 뺴내는 것은 shift 뒤에 집어 넣는 것은 push / 뒤에서 뺴내는 것은 pop [...todos, {....}] = push (같은의미 todos.concat({....}) ) [[{....}], ...todos] = unshift ( 같은의미 [{....}].concat(todos) ) arr[arr.length-1] = pop arr[0] = shift protected는 클래스 내부와 , 상속받는 클래스 내부에서 참조 가능 자바스크립트의 배열은 연결리스트로 되어있다. 다른언어의 배열은 int arr[4]를 했을때 int형태의 배열공간을 연속되게 4개를 가진다. 하지만, 자바스크립트의 배열은 여러가지 타입들이 올 수 있기 .. 2019. 6. 17.
2019-06-12 TypeScript 자바스크립트는 동적타이핑언어를 지원한다. (정적타이핑언어가 아니다. -> c나c++은 정적타이핑) 값에 타입이있다. var x = 'hello' typeof x // String 정적타이핑 - 코드가 예측 가능하다. 에러가 컴파일타임에 뜬다. 동적타이핑 - 에러가 런타임에 뜬다. (이부분은 정적타이핑이 더 안전한부분), 실수를 유발 할 수 있다. 간편하다. TypeScript 동적타이핑언어인 자바스크립트를 정적타이핑언어처럼 사용할 수 있게 한다. 프로토타입기반언어인 자바스크립트를 클래스기반언어처럼 사용할 수 있게 한다.(generic, abstract 등) 타입추론 : title = 'my-app'; title: string = 'my-app'; // 타입스크립트 형식이긴하지만, 타입추론에 의해 이미 s.. 2019. 6. 12.
[프론트엔드 개발 스쿨 15주차] 성수생활 4개월 1. 집과 학원 내 집은 창동역 인근이다. 서울시 도봉구에 위치해있고, 대부분 창동이라고하면 몰라서.... 노원역 옆이라고 소개한다. (언제쯤이면 창동역이 유명해질라나....) 여튼, 나는 그래도 집에서 학원까지 그렇게 먼편은 아닌것같다. 멀리서오는사람은 2시간도 걸리는 사람들이 있으니.... (일산, 부천 등등) 집에서 일단 역까지 10분정도, 창동역에서 성수역까지 한번 갈아타고서 지하철 시간은 40~45분정도 또한 성수역에서 학원 걸어오는데 까지 10분정도 총 1시간 정도 잡고 학원을 다니고 있다. 근데 참 단점(?)은 성수역에서 학원까지 너무나도 멀드아... 은근히 거리가 직진 좌회전 밖에 없어서 길찾기는 쉬운데 거리가 멀다. 또 하나의 단점은 조금 먹을거리를 다양하게 먹고싶다면 역근처로 가야한다는.. 2019. 6. 12.
반응형

티스토리툴바