Vue

1. Vue Cli 설치(Vue.js 애플리케이션을 빠르고 효율적으로 생성하고 관리할 수 있게 해주는 명령줄 도구(Command Line Interface) )yarn global add @vue/cli 2. 설치 후 vue 버젼 체크 vue --version 3. Extensions 에서 [Vetur], [HTML CSS Support], [Vue 3 Snippets] 설치 4. 빈 폴더 생성 5. 좌측 상단에서 File -> Open folder 클릭 후 생성한 폴더 클릭 6. 좌측 상단에서 Terminal -> new Terminal 클릭 후 cmd 창에 아래 명령어 작성vue create 프로젝트명 7. 아래와 같이 버젼 선택하는 창이 나오는데 그대로 [Vu..

다음과 같은 게시글 입력창에 긴 글을 쓰면 일정 구간에서 줄바꿈이 되어야 하는데 줄바꿈이 되지 않고 옆으로 컨테이너가 늘어나는 현상이 생긴다    다음과 같이 텍스트를 치다가 일정 구간이 넘어가도 옆으로 컨테이너가 늘어난다       위 현상을 해결하기 위해 해당 class에 아래 코드를 삽입하면word-wrap: break-word; /* 긴 단어 줄바꿈 */white-space: pre-wrap; /* 줄바꿈 유지 */overflow-wrap: break-word; /* 컨테이너를 넘지 않도록 처리 */word-break: break-word; /* 긴 단어 강제 줄바꿈 */    이와 같이 일정구간에서 줄바꿈이 된다

1. 문제 발견(새로고침 시 게시글이 제대로 출력되는 경우도 있고 출력되지 않는 경우도 생기는 문제)      2. 실행되고 있는 코드(쿼리 파라미터로 전달되는 ticker 와 type 에 따라 게시글을 출력해주는 코드)@GetMapping public ResponseEntity getStockByTicker(@RequestParam("ticker") String ticker, @RequestParam(value = "type", defaultValue = "allPost") String type) { try { List postDTOS; if ("nasdaq".equ..

위 그림처럼 내비게이션 바에 특정 티커를 입력하면 여러 컴포넌트와 함께 차트가 생성되는데 이 상태에서 다른 티커를 입력하면 아래와 같은 에러가 발생한다.    Maximum call stack size exceeded 에러는 무한 재귀 호출이나 이벤트 리스너, watcher가 너무 많이 호출될 때 발생할 수 있다고 한다.         {{ stockData.stockSymbol }}  StockBurning  커뮤니티 의견 수 변화(1일 단위)  다음 코드에서 console.log(숫자) 를 통해 에러가 발생하는 부분을 확인한 결과        this.chart.update(); 에서 에러가 발생하는 것을 확인..

위 그림처럼 부모(연두색) 안 자식요소들(주황색, 파란색)의 flex 비율을 지정해도 부모 요소의 100% 채워지지 않는 문제가 생겼고 html 중 form 태그 때문인 것을 깨달았다.     기존 코드 ↑상승 ↓하락 등록     수정 코드 ..