뷰4 선언적 렌더링(Declarative Rendering) vs 명령형 렌더링(Imperative Rendering) Imperative: Give step-by-step instructions on how to reach a certain goal Declarative: Describing the result (the what), without instructing how to do it 예시) Mom wants a kid to tidy up its room. Imperative: “Pick up the toys, then empty the bin, then remove dust and finally vacuum the floor.” Declarative: “Here’s a picture of how your room looks like clean. I want you to get it into that state i.. 2023. 1. 11. Vue Project 생성하기2023 (M1, CLI, UI, Vite) 일단 난 M1 Mac을 사용하고, homebrew를 이용해서 진행할 것이다 Node.js를 설치한다 ⇒ 생략 Vue CLI (Command Line Interface) 설치 sudo npm install -g @vue/cli 1. Vue-CLI default 프로젝트 생성 #vue create [프로젝트명] vue create vue-default 버전 선택 Vue3 프로젝트 매니저 도구 선택 NPM or Yarn Yarn 선택 완료 실행 테스트 # cd [프로젝트명] cd vue-default yarn serve http://localhost:8080 접속 터미널 실행 종료 Ctrl + C - 프로젝트 구조 .idea node_modules public public/favicon.ico public/i.. 2023. 1. 11. IntelliJ에서 Vue.js프로젝트 만들기 사실 프론트엔드분들은 VScode -> WebStorm 순으로 IDEA를 많이 쓸 것 같지만 나는...쪼렙 초보이기때문에 IntelliJ로 프론트를 개발한다(사실은 회사에서 인텔리제이 라이센스만 줘서.. + 내 돈으로 웹스톰 결제하기 싫..ㅋㅋ) 그래서 인텔리제이로 뷰를 공부해보려고 한다 내 인텔리제이 버전은 2022.4 Ultimate Edition이다 기본적으로 인텔리제이에서 새 프로젝트를 만들면 뷰 프로젝트가 안보인다 아마 내 기억으로 WebStorm은 뷰 프로젝트가 있던 것 같다 그럼 인텔리제이는 어떻게 해야하나..? 일단 플러그인에서 Vue.js 플러그인을 검색해서 설치하자 그리고 새 프로젝트를 만들어보면... 아래 Vue.js를 만드는 프로젝트가 보일것이다 이거로 새 프로젝트를 만들자..! 일.. 2022. 12. 8. My Daily Life( + 퇴사, 코로나 ) 7월 15일을 마지막으로 예전 직장을 퇴사를 했다 그리고... 어쩌다가 Angular를 해야 되는 일이 생겨서 요즘은 앵을 공부하고 있다 앵귤러의 장점은 모듈/컴포넌트/서비스/TS/캡슐화/DI 등등인것 같다 리액트같은경우는 JS로 만들어서 TS(TypeScript)로 고도화를 시킨다던지, 라이브러리를 가져다 쓰는데(ex: 리덕스, 몹엑스, 리코일) 어떤 건 버전 업데이트가 안되고, 어떤건 베타버전이고... 등등 중구난방이다 흔히 리액트는 라이브러리라고 한다(종종 프레임워크라고 하기도 하지만), 이 말인 즉슨.. 요즘 면접질문에서는 거의 사라졌지만(프레임워크vs라이브러리) 제어권이 프로그래머한테 있나vs시스템한테 있나 그런 의미이다.. 리액트는 그런면에 있어서 개발자한테 제어권을 주고 자율성을 많이 가지고.. 2022. 7. 25. 이전 1 다음
