본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


Angular tutorial39

앵귤러 튜토리얼(Angular tutorial) - 2 : 구성 앵귤러 환경구성은 문제없이 잘 끝내셨는지요! 이번시간에는 앵귤러를 왜 쓰는지, 어떻게 사용해서 실제로 적용하는지에 대해서 먼저 살펴보도록 하겠습니다. 예전의 HTML에서의 개발방식은 Javascript, Jquery를 사용하여 소위 돔(Dom) 이라는 객체를 직접 제어하고 데이터를 가져와서 서버로 전달해 주는 방식이였습니다. 그러다 보니 조금 개발적 지식이 있는 사람들은 브라우저를 실행한 뒤에 개발자 도구를 켜서 직접 객체에 접근해서 데이터를 변조해서 서버로 전송할 수도 있었습니다. 또한 HTML5로 기능이 업그레이드 되면서 엄청난 웹 기술발전이 이루어짐에 따라 많은량의 프론트 코드가 늘어가게 되었습니다. 서버언어가(자바의jstl, php의 echo나 node.js의 표현식 등) html 페이지에 존재하.. 2020. 5. 6.
앵귤러 튜토리얼(Angular tutorial) - 1 : 소개 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어려운 부분이나 이해가 가지 않는 부분은 언제든 연락주세요. * 기본적으로 CLI(커멘드 라인 인터페이스)를 전혀 모르시거나, 자바스크립트를 최소한 1년이상 하지 않으셨다면 접근하기는 매우 어렵습니다. * 난이도를 위해 ES6(ECMA6) 이상의 문법을 최대한 사용하지 않고 소개하고 있습니다. : ) 앵귤러는 웹 화면을 구성하는 데 사용되는 프레임워크 입니다. Javascript, Jquery 처럼 각종 명령어와 규칙을 통해서 웹 화면에 이벤트와 기능을 부여하고, 사용자가 원하는 행동을 하기 위해 만들어졌습니다. 이와 비슷한 유형의 프.. 2020. 5. 6.
앵귤러 튜토리얼(Angular tutorial) - 0 안녕하세요. 웹개발자 콩콩시 입니다. ^^ 이전에 작성한 앵귤러 포스팅은...조금 더 깊게 공부를 하지 못하고 쓴 것 같아서 내용이 설명 보다는 단순한 예제위주, 예문위주로 된 것 같습니다..ㅠ 그래서 이번에 다시 한번 튜토리얼을 만들어보려고합니다. 쉽지않는 작업이 될 것 같지만 천천히 해보도록 하겠습니다. 일주일에 최소 1개씩 작성해보도록 하겠습니다. 마찬가지로, 데이터베이스와의 연동은 파이어베이스로 하려고 합니다. 불필요한 설명이나 내용은 전부 빼도록 하며, 코드설명에 조금 더 집중하여 보겠습니다. 감사합니다. ^^ * 여담 : 앵귤러는 Javascript를 최소한 1년이상 다루어보신 분 이상만 접근하셔야 됩니다. 'ㅅ'~ 2020. 4. 29.
앵귤러 튜토리얼 (Angular tutorial) -28 빌드, 배포, 협업 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 : 소개 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어 lts0606.tistory.com 이번시간에는 앵귤러를 통해서 협업과 작업된 파일을 build 하는 법에대해서 간단히 살펴보려 한다. 앵귤러를 작업할 때 사용되는 서버는 최초 설치한 앵귤러 cli 프로그램이 동작시켜주는 개발목적의 웹 서버이다. ng serve로 명령어를 입력하면 4200번 포트 번호로 접속했던 그 서.. 2020. 1. 3.
앵귤러 튜토리얼 (Angular tutorial) - 9 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 이번시간부터는 간단한 게시판의 형태를 구현 해 보려고 한다. 기존에 배웠던 내용이 이해가 전혀 안된다면 다시 돌아가 복습해야 한다. (당연한 이야기겠지만) 그리고..사실 앵귤러는 자바스크립트나 Jquery등을 전혀 접해보지 않는 사람한테는 난이도가 너무나도 높다.. 만약 자바스크립트를 전혀.. 2019. 6. 4.
앵귤러 튜토리얼 (Angular tutorial) - 5 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 4회까지에 내용에서는 app.component.ts와 app.component.html과의 관계에 대해 알아보았다. 앵귤러라는 녀석이 동작을 할 때 사용자의 화면을 구성하기 위해서는 해당 컴포넌트.ts파일이 먼저 동작하고, 그리고나서 컴포넌트.ts파일에서의 설정에 의해 *.html파일이 만.. 2019. 5. 28.