최신 글
-
Div 에서 띄어쓰기, 줄바꿈 (
태그)가 먹지 않을 때
일반적으로 HTML에서 띄어쓰기 (줄바꿈)가 되지 않으면 형식에 맞지 않는 태그나 코드로 작성된 경우가 많다. 예를들어 태그에서는 줄바꿈을 로 표현하지 않고, 운영체제에 따라서 \r\n 으로 표시하거나 \n으로 표시해야한다. 하지만, 태그 내에서 줄바꿈을 하기 위해서는 보통 태그를 사용해서 적용하는데이번에 아무리 적용해도 되지가 않아서 확인해보니, 태그는 아래와 같이 white-space 속성이 normal로 되어있다.white-space: normal; 이건 띄어쓰기(\s), 들여쓰기(\t), 줄바꿈(\n)이 그냥 한번의 공백으로 차지하는 방식으로 바뀌는 것인데 이를 해결하기 위해서는 해당 속성값을 pre-wrap으로 변경해주어야 한다. white-space: pre-wrap;이것을 잘 몰라서..
2025.01.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.01.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.01.09
-
Vue 3의 코드 작성 방식
옵션 API {{ message }} data => Instance Optiondata의 내용을 리액티비티가 주입 컴포지션 API {{ message }} 옵션 API 에서 컴포지션 API로 변경되었는데 코드 재활용하고 좀 더 클린한 코드를 작성하기 위해서 컴포지션 API가 개발되었다. Vue 개발 초보자라면 옵션으로 개발해보고 그 이후 컴포지션 API를 사용하기를 권장함.
2025.01.09
-
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.01.09
-
허블 망원경, 울트라 딥 필드
오늘의 브금허블 망원경의 총 책임자 로버트 윌리엄스는 엉뚱한 호기심이 들었다. "우주의 빈공간으로 보이는 저곳을 허블 망원경으로 찍으면 어떻게 될까?" 그는 작은 호기심으로 허블 망원경을 통해 아무것도 없는 빈 구역을 촬영해달라고 나사에 요청하였다. 하지만, 허블만원경을 사용해서 연구하기위해 많은 투자를 했었고 허블의 귀중한 시간을 이런 쓰잘데기 없는 곳에다 쓸 수 없어 나사는 그의 요청을 거절했었다 사실 허블 만원경의 각도를 조금이라도 수정 한다면 엄청난 비용이 들기 때문에 나사의 거절은 타당했다. 그럼에도 불구하고 2년간 집요하게 요청했는데 그의 간절한 부탁에 나사는 로버트의 요청을 승인해주었다. 그러자 보이는 것은 셀 수 없이 많은 은하들이었고, 불과 바늘구멍만한 크기의 공간에서만 촬영된 것이 이렇..
2024.11.21
-
꽃이 떨어지지 않고는 열매가 맺지 않는다
"그거 아세요? 인간은 너무 자존심 상하면 죽어버리는거 아세요? 자존심이 정말 강한 사람은 남이 자기 이미지를 망치면 죽거나 죽이고 싶을 정도로 분노합니다. 여러분, 그러나 그럴 필요 없습니다. 꽃이 떨어졌다고 나무가 왜 죽습니까?" 오늘 강연에서 본 장면이다. 최근에 자존심 상하는 일이 많아서 힘들어한적이 있는데 강연 내용을 듣고 조금 마음이 누그러들었다. 여러분은 나무가 열매를 맺기 위해서는 꽃은 반드시 떨어져야 한다는 사실을 알고 있는가? 당신이 지키고자 하는 것은 꽃과 같다. 만약 어느 날 자존심이 상하고 이미지를 망쳤다고 해도 힘들어 할 필요 없다. 이는 분명 그대라는 나무에 열매가 맺을 날이 오기 때문임을 잊지 말아야 한다.
2024.11.05
-
릴스
오늘 두 사람에게 같은 릴스를 DM으로 보냈다. 릴스 내용이 조금 어릴적 감성을 건드는 아련하고 왠지 슬픈 내용이라 상대에게 ”요즘 나 이런 영상을 보면 왠지 모르게 많이 슬퍼“ 이렇게 덧붙여 보냈다. A씨는 “XX이 요즘 많이 힘들어? 갱년기야?ㅋㅋ“ 라고 답변을 주었고 B씨는 “그렇네, 나도 괜히 울컥한다.” 라고 답변을 주었다. 위 내용을 보고 나는 A씨의 대답에는 답장을 더 하고싶지 않아 대화를 빠르게 마무리짓고 B씨와는 조금 더 대화하면서 릴스에 대한 내용을 주제로 어릴적 얘기를 하거나 최근 감정의 변화에 대해서 이야기 하는 등 대화를 이어나가게 되었다. A씨와 B씨는 둘 다 자주 연락하고 친하게 지내는 사람이지만 위의 예제 말고도 평소 반응하는 방법에 차이가 있는데, A씨와 대화를 하다보면 친..
2024.11.04
-
[소프티어] 9496번: Pipelined(Java/자바)
문제https://softeer.ai/practice/9496 문제 해석이 어려워서 그렇지 사실 간단하고 쉬운 풀이법이다. 우선 해당 문제의 노트가 닫힌 구간, 열린 구간에 대한 설명을 해주는데 어렸을 때 기억을 더듬어보면 중학생때 수학에 나오던 개념이다. [a, b] = a 이상 b 이하[a, b) = a 이상 b 미만(a, b] = a 초과 b 이하(a, b) = a 초과 b 미만 해당 관계성만 알게된다면, 사실 문제의 반은 접근했다고 볼 수 있다. 입력이 아래와 같다고 생각해보자32 2 3 N = 3 이고, 각 각 자동차는 2, 3, 2의 작업 단계를 갖는다. 이를 순서대로 s1, s2, s3 라고 하고 공간 차지율을 확인해보면 s1(2) = [0, 1/2)s2(2) = [0, 1/2)s3(3)..
2024.10.17
-
[소프티어] 9657번: 나무공격격 (Java/자바)
문제https://softeer.ai/practice/9657 소스코드import java.io.*;import java.util.*;import java.awt.Point;public class Main { public static int N, M; public static int map[][]; public static Queue queue = new LinkedList(); public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); StringTokenizer st =..
2024.10.15