반응형 2021/0812 Angular 파일 구조 간편정리(완전 기초) Angular를 새롭게 공부하면서 가장 큰 문제는 무엇을 모르는지 이 파일은 무슨역할을하고 내가 작성한 이 파일은 무엇을 의미하는지에 대해 파악하는것이 첫번째 할일이라고 생각하게되어서 Angular CLI를 통해 프로젝트를 생성한 후 Default로 생기는 개발환경 파일들 프레임워크의 용도를 파악하며 공부하였습니다. 조금이라도 이해가지 않았던 부분들을 하나하나 따로 빼서 작성해놓았으니 단어가 생소하다 생각되는 단어들은 확인하면서 쭉 한번 읽어보시면 도움이 될 것 같습니다. src 폴더 내부 파일명(폴더명) 설명 /app(폴더) Angular의 모든 주요 구성요소가 위치하며 root 즉 애플리케이션의 최상위 폴더정도로 보면 될것같다. /app/app.component. * .ts, .html, .css, .. 2021. 8. 21. VSCODE 한글 단축키 모음 이번에 새롭게 VSCode를 사용하게되면서 그동안에 사용했던 Eclipse를 떠나보내게 되었는데 알고있던 단축키들을 플러그인으로 살릴수 있지만 Git똥찬 VSCode의 단축키를 사용해보고싶었습니다. 열심히 찾아도 한글로되어있는 단축키 모음이 없어서 간단하게라도 만들었으니 누군가에게 도움이 되었으면 좋겠습니다. 2021. 8. 20. Angular에서 기능 구현하는 방식 💡 Angular 프레임 워크로 특정한 기능을 구현할때 어떤 방식을 사용하는지 표 형식으로 정리하였는데 표에 설명하는내용이 Angular 프레임워크에서 제공되는 기능의 전부가 아니고 큰 그림을 보았을때 진행 순서로 보면된다. 표 보기전 참조 아래의 표현에서 어노테이션이라고 표현하는것은 (angular에서는 데코레이션이라고 표현됩니다.) 아래에서는 양방향 바인딩에 대해서 적혀있지만 Angular는 사실 양방향 바인딩을 지원하지 않는다고합니다 [( )] (banana in a box)에서 추측하면 양방향 바인딩은 이벤트 바인딩과 프로퍼티 바인딩의 축약표현일 뿐이므로 양방향 바인딩의 실제 동작은 이벤트 바인딩과 프로퍼티 바인딩의 조합으로 이루어지는 것일뿐이라고 합니다. (출처. 모던자바스크립트 저자 이웅모 블.. 2021. 8. 20. Angular 개요 요약 정리 (Angular 12 시작하기 전 개념정리) SPA( Single Page Application ) 프레임워크이자 React나 Vue의 근원이된 Angular 프레임워크에대해 간단하게 처음쉽게 접근하며 공부하게 정리해보았습니다. 생각한것보다 Angular.Io가 불친절하여서 이곳저곳 찾아다니며 정리하였습니다. 저도 공부 2일차라서 제대로 정리되지 않은 부분이 있고 또한 많은 내용중에 필요했던 부분들을 요약정리한 것이기에 기초 개념정리 느낌으로 훓어보시고 참고자료 링크를 통해 세부사항을 보시면 도움되실 것 같습니다. 👨🏫참고자료 angular.io (Angular 문서) poiemaweb.com(모던 자바스크립트) 정의 ⭐Angular는 HTML과 TypeScript로 클라이언트 애플리케이션을 개발할 때 사용하는 플랫폼이고 프레임 워크입니다. An.. 2021. 8. 19. 이전 1 2 3 다음 728x90 반응형
