방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com 초보14 앵귤러 튜토리얼(Angular tutorial) - 9 : 컴포넌트, 모듈 컴포넌트에 디렉티브를 통하여 앞시간에 우리는 로그인이 성공하면 특정 컴포넌트가 보여지도록 하는 기능을 만들어 보았습니다. 이전시간에 했던 내용이 어렵거나 이해가 되지 않는다면 반드시 다시 확인 해 보아야 합니다! 이번시간에는 새롭게 프로젝트를 한개 더 만들어 보도록 하겠습니다. 아래 명령어를 입력하여줍니다! 디렉토리 위치를 잘 보아야합니다! firstStudy 디렉토리에서 아래 명령어를 실행하는 것이 아닙니다! ^^ ng new secondStudy 프로젝트가 완성되었습니다. 우리는 가장 먼저 생겨난 app컴포넌트를 관리(control) 역할을 하는 컴포넌트로 사용 할 예정입니다. 다시말해, 여러개의 컴포넌트를 만들어서 화면을 꾸밀 예정이지만 app컴포넌트에서는 관리(control)역할만 하도록 바꿀 예.. 2020. 6. 17. 웹 프로그래머(웹 개발자)가 되어보자 - 13 5-3. 비교문 이어서 비교문 if에 대해서 계속해서 알아보겠습니다. 우리는 if 조건문에 소괄호에 논리값을 대입하거나 논리연산자로 만들어진 논리값을 넣어서 비교문을 사용했습니다. 조건은 항상 1개였으며 아래처럼 사용하였습니다. if(true){ console.log('true 입니다.'); } else { console.log('false 입니다.'); } 하지만 대부분의 일상에서 우리는 여러개의 조건을 만나게 됩니다. 여러개의 조건인 경우에는 우리는 if 조건문 내부에 if 조건문을 사용하였습니다. 복습하는 차원에서 문제를 한번 풀어보겠습니다. * 문제 : 5-3-1 "변수 text에 아무런 문자를 대입하여주세요. 변수 text가 ab를 포함하고있으면서 길이가 2이상인 경우 '안녕~' 을 출력하여주세.. 2020. 5. 19. 앵귤러 튜토리얼(Angular tutorial) - 5 : 컴포넌트 저번시간에는 앵귤러의 컴포넌트에 대해서 살펴 보았습니다. 이번시간에도 마찬가지로 컴포넌트에 대해서 알아보겠습니다! 앵귤러의 컴포넌트는 화면구성을 담당합니다. 컴포넌트 파일(*.ts)에 쓰여진 데이터를 html 파일에 표출하기도 하고, 데이터를 서버에 CRUD하는 역할을 하기도 합니다. 이러한 컴포넌트는 기본적으로 class 형태로 구성되어 있습니다. 앵귤러에서 컴포넌트 파일을 만든다는 것은 class로 이루어진 파일에 컴포넌트 데코레이터(@Component)를 붙여주는 것 입니다. 형태를 다시한번 보겠습니다. import { Component } from '@angular/core'; @Component({ //key, value 형식의 내용 }) export class MyCustomComponent .. 2020. 5. 18. 웹 프로그래머(웹 개발자)가 되어보자 - 12 5-2. 비교문 이번에도 비교문 if 에 대해서 알아보겠습니다. 비교문 if에 소괄호에 논리값을 넣어서 조건에 따라 대괄호 내용이 실행되도록 하였었습니다. 그러면 복습하는 차원에서 아래문제를 풀어보도록 합니다. * 문제 : 5-2-1 "변수이름 number를 문자형태의 숫자를 만들어준 뒤에 크기가 10이 넘을경우 10보다 크다고 알려주세요." 변수를 number를 prompt를 사용하여 값을 대입하여도 괜찮습니다. 직접 문제를 풀어본 뒤에 아래 정답을 살펴보아 주세요. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. 아래는 위 문제에 대한 답 입니다. *답 var number = "20"; if(Number(number) > 10){ console.log(.. 2020. 5. 14. 웹 프로그래머(웹 개발자)가 되어보자 - 12 5-2. 비교문 이번에도 비교문 if 에 대해서 알아보겠습니다. 비교문 if에 소괄호에 논리값을 넣어서 조건에 따라 대괄호 내용이 실행되도록 하였었습니다. 그러면 복습하는 차원에서 아래문제를 풀어보도록 합니다. * 문제 : 5-2-1 "변수이름 number를 문자형태의 숫자를 만들어준 뒤에 크기가 10이 넘을경우 10보다 크다고 알려주세요." 변수를 number를 prompt를 사용하여 값을 대입하여도 괜찮습니다. 직접 문제를 풀어본 뒤에 아래 정답을 살펴보아 주세요. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. 아래는 위 문제에 대한 답 입니다. * 답 var number = "20"; if(Number(number) > 10){ console.log.. 2020. 5. 6. 웹 프로그래머(웹 개발자)가 되어보자 - 11 5-1. 비교문 앞 시간에서는 변수, 자료형태에 대해서 알아보았습니다. 물론 "비교연산자"라는 기호를 통해서 논리값을 만드는 방법도 살펴보았습니다. 앞으로 살펴볼 비교문은 프로그램의 대부분이라고 할 정도로 안쓰이는 곳이 없습니다. 비교문이 필요한 것은 다양한 상황과 다양한 데이터가 있기 때문 입니다. 우리는 사탕을 한개 사더라도 가격, 맛 그리고 판매하는 곳 등 다양한 내용(자료, 데이터)을 가지고 고민(비교문) 합니다. 이처럼 다양한 데이터를 조건에 맞게 처리하기 위해서 비교문이 필요합니다. 비교문의 첫번째 시간으로 대표적으로 사용되는 if에 대해서 살펴보겠습니다. if는 "만약"이라는 뜻을 가지고 있으며 자바스크립트의 예약어 입니다. 예약어라는 뜻은 우리가 앞시간에서 사용한 var, const 등 이.. 2020. 4. 27. 이전 1 2 3 다음
