방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com 튜토리얼35 앵귤러 튜토리얼(Angular tutorial) - 7 : 컴포넌트, 모듈 저번시간에는 컴포넌트와 모듈과의 관계에 대해서 살펴보았습니다. 이번시간에도 컴포넌트와 모듈에 대해서 살펴보겠습니다. 모듈은 화면을 관리하는 여러개의 컴포넌트를 가질 수 있었습니다. 앞시간에서 app.component.ts와 hello.component.ts를 통해서 살펴보았습니다. 프로젝트에서 main.ts라는 파일을 찾은뒤에 더블클릭 해 봅니다. 내용을 전부 이해할 수 없지만 bootstrapModule 이라는 함수에 AppModule이라는 클래스가 사용되는 것을 볼 수 있습니다. 자세히보면 AppModule의 클래스 이름은 app.module.ts 파일에 사용된 클래스 이름 입니다! 우리가 여태껏 살펴본 모듈이 main.ts 라는 곳에 사용되었습니다. main.ts파일은 앵귤러 프로젝트가 실행 될 때.. 2020. 6. 2. 웹 프로그래머(웹 개발자)가 되어보자 - 15 6-1. 배열 저번시간까지 비교문에 대해서 살펴보았습니다. 비교문if, switch 그리고 삼항연산자 등 3가지 방법을 적용해서 조건을 통해 원하는 기능을 수행할 수 있었습니다. 이번시간부터 살펴볼 내용은 바로 배열입니다. 우리가 핸드폰에서 사용하는 메시지, 카카오톡 등에서 저장하는 데이터는 갯수를 셀 수 없을만큼 많이 존재 합니다. 그러한 메시지 데이터는 어떠한 형태로 존재하는 것 일까요? 만약 메시지 데이터를 한개한개 변수로 관리한다면 그것은 엄청나게 복잡하고 어려울 것 입니다. 아래 예문을 살펴보겠습니다. var one = ""; var two = ""; var three = ""; one = "안녕! 철수야"; two = "안녕! 영희야"; three = "영희야 어제 뭐하고 지냈니?"; 위와 같.. 2020. 5. 26. 웹 프로그래머(웹 개발자)가 되어보자 - 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. 웹 프로그래머(웹 개발자)가 되어보자 - 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. 웹 프로그래머(웹 개발자)가 되어보자 - 7 4-2. 데이터(자료) 이전시간에는 숫자로 이루어진 데이터를 살펴 보았습니다. 숫자는 다양한 연산이 가능하며, 변수뒤에 대입 연산자를 통해서 사용할 수 있었습니다. var number = 1234; var number2 = number * 10; 이번에 알아볼 내용은 문자 입니다. 문자는 쌍따옴표 또는 홑따옴표를 문자 내용에 앞 뒤로 붙여서 사용 할 수 있습니다. 문자 형태의 자료는 다양하게 사용됩니다. 예를들어 우리가 네이버나 다음, 구글등에 로그인 하는 아이디와 비밀번호는 문자 입니다. 또한 카카오톡에서 서로 채팅으로 주고받는 글의 내용도 문자입니다. 여기서 햇갈리면 안되는 것은 아래의 예제들도 전부 문자입니다. var number = '1234'; var number2 = "1234"; 위 numb.. 2020. 4. 10. 앵귤러 튜토리얼 (Angular tutorial) -28 빌드, 배포, 협업 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 : 소개 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어 lts0606.tistory.com 이번시간에는 앵귤러를 통해서 협업과 작업된 파일을 build 하는 법에대해서 간단히 살펴보려 한다. 앵귤러를 작업할 때 사용되는 서버는 최초 설치한 앵귤러 cli 프로그램이 동작시켜주는 개발목적의 웹 서버이다. ng serve로 명령어를 입력하면 4200번 포트 번호로 접속했던 그 서.. 2020. 1. 3. 이전 1 2 3 4 ··· 6 다음
