본문 바로가기
반응형
SMALL

분류 전체보기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.
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.
허블 망원경, 울트라 딥 필드 오늘의 브금허블 망원경의 총 책임자 로버트 윌리엄스는 엉뚱한 호기심이 들었다. "우주의 빈공간으로 보이는 저곳을 허블 망원경으로 찍으면 어떻게 될까?" 그는 작은 호기심으로 허블 망원경을 통해 아무것도 없는 빈 구역을 촬영해달라고 나사에 요청하였다. 하지만, 허블만원경을 사용해서 연구하기위해 많은 투자를 했었고 허블의 귀중한 시간을 이런 쓰잘데기 없는 곳에다 쓸 수 없어 나사는 그의 요청을 거절했었다 사실 허블 만원경의 각도를 조금이라도 수정 한다면 엄청난 비용이 들기 때문에 나사의 거절은 타당했다. 그럼에도 불구하고 2년간 집요하게 요청했는데 그의 간절한 부탁에 나사는 로버트의 요청을 승인해주었다. 그러자 보이는 것은 셀 수 없이 많은 은하들이었고, 불과 바늘구멍만한 크기의 공간에서만 촬영된 것이 이렇.. 2024. 11. 21.
반응형
SMALL