반응형 SMALL 학습4 Div 에서 띄어쓰기, 줄바꿈 (<br> 태그)가 먹지 않을 때 일반적으로 HTML에서 띄어쓰기 (줄바꿈)가 되지 않으면 형식에 맞지 않는 태그나 코드로 작성된 경우가 많다. 예를들어 태그에서는 줄바꿈을 로 표현하지 않고, 운영체제에 따라서 \r\n 으로 표시하거나 \n으로 표시해야한다. 하지만, 태그 내에서 줄바꿈을 하기 위해서는 보통 태그를 사용해서 적용하는데이번에 아무리 적용해도 되지가 않아서 확인해보니, 태그는 아래와 같이 white-space 속성이 normal로 되어있다.white-space: normal; 이건 띄어쓰기(\s), 들여쓰기(\t), 줄바꿈(\n)이 그냥 한번의 공백으로 차지하는 방식으로 바뀌는 것인데 이를 해결하기 위해서는 해당 속성값을 pre-wrap으로 변경해주어야 한다. white-space: pre-wrap;이것을 잘 몰라서.. 2025. 1. 23. Vue3 에서 yarn serve 시 오류 (The project seems to require yarn but it's not installed.) node -vv18.20.5yarn -v1.22.22npm -v10.8.2 설치 정보는 상기 정보와 같다.인프런에 보면 Vue3 강좌가 있는데 해당 강좌에서 따라하다보니아래와 같은 문제가 발생하였다. ERROR Error: The project seems to require yarn but it's not installed.Error: The project seems to require yarn but it's not installed. at checkYarn (C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\@vue\cli-shared-utils\lib\env.js:46:4.. 2025. 1. 20. Vue 2 & Vue 3 - Reactivity 차이점 아래의 소스코드는 위의 동작으로 실행된다.이 과정은 Vue의 핵심이라고 할 수 있는데 개발자는위의 과정에 맞춰서 개발을 한다고 보면 된다. 기존에는 아래와 같이 Property 동작을 제어했다. let data = { a : 10, b : 20};Object.defineProperty(data, 'a' { get() { }, set() { }}); 여기서는 'a' 에 대한 것만 제어가 가능하게 설계가 되어있었는데Vue 3에서는 Proxy를 통해 객체를 통짜로 모방하도록 만들 수 있어서좀 더 개선된 버전이라고 할 수 있다. API 차이로 인해서 Vue 2 보다 Vue 3가 사용하기 더 편하다고 할 수 있다. 2025. 1. 9. Vue2와 Vue3의 차이점 Vue2와 Vue3의 차이점라이브러리 내부 로직 재작성Vue2의 라이브러리를 모두 TypeScript로 재정의하여 내부 로직을 재작성주요 개발 도구들 변경예 ) 뷰 개발자 도구, VSCode 플러그인 (Vetur -> Volar), Vite 기반 프로젝트 생성 등Webpack이 아닌 Vite를 쓰게되면서 전반적인 생태계가 변화되었다. (https://joshua1988.github.io/webpack-guide/webpack/what-is-webpack.html)새로운 문법 지원컴포지션(Composition) APITeleport기타리액티비티 시스템 기반 API 변경개선된 API로 Vue 내부 개선공식 문서 변경Vue3 공식문서와 Vue2 공식 문서가 나뉘어져 있음필요에 따라서 버전 별 사용 가능http.. 2025. 1. 9. 이전 1 다음 반응형 SMALL
