Programming/WEB30 [AngularJS2] 부모-자식 컴포넌트 데이터 바인딩하기 (1) 하이 ~~ 후... 벌써 삼월이다. 코로나때문에 어디 나가지도 못하고.. 계속 집 회사 집 회사다 ㅜㅜ 어서 코로나가 끝나고 야외활동 좀 하고싶다 ㅜ-ㅜ 오늘은 웹쪽 기술을 좀 다뤄볼꺼다. 자세하게 얘기해보면... 오늘 다뤄볼 내용은 바로 ...! Angular2 에서 프로젝트를 생성하고 안에 컴포넌트를 만든 뒤 자식 컴포넌트에서 부모 컴포넌트로 , 다시 부모 컴포넌트에서 자식 컴포넌트로 데이터를 바인딩하는 걸 간단하게 코딩해볼꺼다. 프로젝트 생성 자...! 먼저 프로젝트를 간단하게 생성해보자. 먼저 터미널을 켜고 ..! 작업을 할 디렉토리로 이동하자. 그러고 난뒤에 ng new [프로젝트명] 을 입력해주자! 응 할거야~~ yes 뭘 선택하든 상관없지만 나는 SCSS 를 쓸거당 그러고나서 조금만 ... .. 2020. 3. 4. [WEB] TypeScript 기본 (2) - Angular 코드를 읽기 위해 필요한 TypeScript 하이 ~~!! 오늘은 가볍게 Angular 에서 흔히 쓰이는 TypeScript의 형태에 대해 소개하려고한다. 먼저 TypeScript를 사용하면 프로토타입 기반이 객체지향 프로그래밍이 가능해진다. 아래의 타입 스크립트 코드를 보라. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 class SuperClass { public n1 = 10 protected n2 = 20 private n3 = 30 constructor() { this.n1 = 100 this.n2 = 200 this.n3 = 300 } } class SubClass extends SuperClass { constructor() { super() this.n1 = 1.. 2020. 2. 25. [WEB] TypeScript 기본 (1) 회사에서 angular js를 이용한 간단한 웹 프로젝트 유지보수를 진행 중이다. 학교다닐 때부터 그렇게 front-end 쪽 프로그래밍은 관심이 없었기에 ... 간단한 유지보수라도 나에겐 굉장히 어려운 작업이다. ㅠㅡㅠ TypeScript란? HTML5 가 등장하기 이전까지 웹 애플리케이션은 Flash, Siverlight, Active-x 같은 플러그인에 의존해서 interactive 한 웹페이지를 만들어 왔따. 그런데.. HTML5가 등장하고 이러한 방식은 자바스크립트로 대체되었다. 자바스크립트는 굉장히 강력한 언어이다. (웹 의 어셈블리언어라고 불리니 말다했지 뭐..!) 자바스크립트가 매우 많은 장점을 가지고 있지만 몇몇가지 단점도 있다. 자바스크립트가 굉장히 동적이고 느슨한 타입의 언어이다 보니.. 2020. 2. 23. 이전 1 2 3 4 다음
