본문 바로가기

전체 글

 (31)
[javascript] 자바스크립트 test, search, replace 코테 문제를 풀다가 정리하고 싶었던 자바스크립트 세가지 함수에 대해서 정리합니다! [edabit] 자바스크립트 코테 연습 - 1 (feat.test함수) 자바스크립트 공부도 할겸하여 코테 공부시작! 문제 사이트는 edabit이라는 외국 사이트입니다🧐 Edabit // Learn to Code with 10,000+ Interactive Challenges Our bite-sized challenges are a shortcut throug.. lily-choi.tistory.com 자바스크립트 정규식에서 자주 사용되는 test, search, replace함수입니다😌 1. test( ) 문장안에서 내가 찾고자하는 문자가 포함이 되어있으면 true를 리턴해준다. let testText = /apple/; ..
[edabit] 자바스크립트 코테 연습 - 2 (feat.filter함수) Learn to Code with 10,000+ Interactive Challenges Learn to code with fun, bite-sized challenges. Earn XP, unlock achievements and level up. It's like Duolingo for learning to code. edabit.com Q. How Much is True? Create a function which returns the number of true values there are in an array. countTrue([true, false, false, true, false]) ➞ 2 countTrue([false, false, false, false]) ➞ 0 countTrue([..
[vue.js] vue & springboot 404 에러 참고문서 https://gilu-world.tistory.com/m/107 vue.js에서 history 모드를 사용하여 작업을 진행하게 될 경우 제일 먼저 맞이하게 되는 에러죠... 바로 history mode로 적용하고 원하는 페이지로 접근하기 위해 url을 직접 입력하거나 새로고침을 하게 되면 바로 위와 같은 404 에러 페이지를 보실 수 있게되죠... 왜...이러나 찾아본 결과! 원인은 vue는 싱글페이지어플리케이션! 이기 때문에 원하는 url을 직접 접근을 하고자하면 에러가 발생하게 되는데요. 즉 모든 주소가 index.html로 향하게 되는것이죠! 그러니까 실질적으로 서버에는 해당 페이지의 url이 할당되지 않게되는거고, 우리가 바라는 것은 해당 url로 이동이라기 보다는 해당 라우터로 이동을..
[edabit] 자바스크립트 코테 연습 - 1 (feat.test함수) 자바스크립트 공부도 할겸하여 코테 공부시작! 문제 사이트는 edabit이라는 외국 사이트입니다🧐 Edabit // Learn to Code with 10,000+ Interactive Challenges Our bite-sized challenges are a shortcut through the maze of learning to code. Gain XP, unlock achievements and level up. Get really good at coding, really fast. edabit.com 다양한 레벨의 문제들이 아주 많고, 우선 저는 기죽지 않게 적당한 문제를 선택하여 천천히 수준을 높여 풀고자 합니다... 그렇게 고른 첫번째 문제! Q. Seven Boom! Create a func..
[vue.js] vue에 대한 지식들 안녕하세요✌️ vue를 접하게 되면서 알게된 vue에 관한 잡다한 지식들을 정리해보려고 합니다😌 이렇게라도 정리를 안해둔다면 점점 까먹고 제 머릿속은 비어있을게 분명하기 때문....... 그렇기 때문에 여기에 vue에 관한 잡다한 지식은 차곡차곡 정리해두려고 해요! ▷ Vue.js 란 : vue.js란 구글에서 일하던 직원 에반유의 의해 창시된 웹 페이지 화면을 개발하기 위한 프레임워크 (vue는 라이브러리이자 프레임워크라고 볼수있음) ▷ Vue.js의 특징 : 컴포넌트 기반 프레임워크 레고 블럭을 잘 조합해서 쌓고 조립하면 원하는 모형을 만들 수 있듯이 컴포넌트들을 모아서 화면을 만듦 ▷ Vue.js의 라이프사이클 1) beforeCreate : 인스턴스가 가장 처음 실행되고 제일 첫 라이프사이클 단계..
[vue.js] 다국어 로컬스토리지 저장 - i18n 안녕하세요👏 이번에는 다국어 설정에 이어서 로컬스토리지에 저장하는 코드로 변경해보도록 하겠습니당☺️ [vue.js] 다국어 적용하기 - i18n Vue.js에서 사용자의 선택에 따라 한국어 또는 영어 두가지의 다국어를 적용시키는 방법!🤔 (저는 vue3에서 진행했습니다!) 우선 다국어를 적용 시키기 위해 프로젝트에 vue-i18n (다국어 처리를 쉽 lily-choi.tistory.com 기존의 버튼으로 클릭시 변경되는거외에 선택 박스로 다국어 변경시에 로컬스토리지에 함께 저장되어 다른 페이지 이동 혹은 새로고침을 해도 기존 언어로 돌아가지 않게 합니다! // Test.vue 다국어 적용 테스트 {{ $t('titleCd') }} {{ $t('bananaCd') }} 한국어 영어 {{ lang }} 셀렉..
[vue.js] 다국어 적용하기 - i18n Vue.js에서 사용자의 선택에 따라 한국어 또는 영어 두가지의 다국어를 적용시키는 방법!🤔 (저는 vue3에서 진행했습니다!) 우선 다국어를 적용 시키기 위해 프로젝트에 vue-i18n (다국어 처리를 쉽게 도와주는 라이브러리)을 설치합니다. npm install vue-i18n 설치 후 저는 경로를 아래와 같이 잡았고, 언어는 각각의 json 파일로 분리 시켜 관리가 편하도록 하였습니다 src/ ... ├── i18n │ └── i18n.js ├── locales │ ├── ko.json │ └── en.json ├── store │ └── index.js ├── App.vue └── main.js 그리고 i18n에 대한 설정을 잡아주기 위해서 i18n.js 파일에는 아래와 같이 설정을 추가해주었습니..

티스토리툴바