분류 전체보기38 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. Vue 3의 코드 작성 방식 옵션 API {{ message }} data => Instance Optiondata의 내용을 리액티비티가 주입 컴포지션 API {{ message }} 옵션 API 에서 컴포지션 API로 변경되었는데 코드 재활용하고 좀 더 클린한 코드를 작성하기 위해서 컴포지션 API가 개발되었다. Vue 개발 초보자라면 옵션으로 개발해보고 그 이후 컴포지션 API를 사용하기를 권장함. 2025. 1. 9. 이전 1 2 3 4 ··· 10 다음