Frontend

조건식에는 주로 boolean 타입의 true/false를 넣었는데 다른 타입은 어떻게 비교하는지 알게되어 정리한다. 변수의 값을 초기화하거나 삼항연산자를 사용할 때도 유용하게 쓸 수 있을 것 같다. Truthy (참 값) true (boolean) 빈 문자열을 제외한 문자열 0이 아닌 숫자 객체, 배열 Falsy (거짓 값): false (boolean) 0 빈 문자열 ( '' , "" ) null undefined NaN (Not-a-Number = 숫자가 아님) 응용 const testObj = { a: 'abc' }; const testArr = []; const testFn = () => { //문자열 let abc = testObj?.a ? testObj?.a : ''; //삼항연산자로 a 프..

Java랑 Spring을 공부할 때 session과 cookie에 대해서는 배운 적 있는데, vue를 공부하면서 유저정보를 저장할 곳으로 당연히 session을 떠올렸다가 Local Storage 개념을 알게되면서 클라이언트에서 관리하는 데이터 저장소인 Web Storage에 대해 살펴보고, 각 저장소의 특징 및 차이점을 정리해보았다. 그리고 기존에 알고있던 Spring의 session이랑 Web storage의 session storage는 관련이 없다고 한다. session은 서버에 데이터를 저장하고 쿠키에 session Id만 저장하는데, 브라우저의 session storage에 값이 저장되는 걸 보고 의아했는데 오해였다. 아래 두 링크는 같은 궁굼증을 가졌던 개발자들이 남긴 QnA이다. 🙏 참고한..

1. 이슈 vue router 를 설치하고 새로운 컴포넌트 "index.vue" 를 생성하자 부분에서 오류가 났다. 터미널에서 다음과 같은 에러메세지를 확인 할 수 있었다. > 에러 메세지 2. 원인 찾아보니 vue.js 는 컴포넌트 이름으로 2개 이상의 단어 조합을 권장한다고 한다. "index" 라는 단일어 만들어서 vsCode의 확장프로그램 중 하나인 "ESLint"가 감지하고 컴파일 에러를 발생시킨 것이다. > VSCode 확장 : ESLint https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint ESLint - Visual Studio Marketplace Extension for Visual Studio Code ..

vue.js를 공부하다보니 백엔드를 구축하지않고 DB를 사용할 수 있는 환경이 필요했다.JSON Server로 일종의 가상 DB를 구현하는 방법을 알게되어 정리한다.  > 참고용https://www.npmjs.com/package/json-server json-serverGet a full fake REST API with zero coding in less than 30 seconds. Latest version: 0.17.3, last published: 2 months ago. Start using json-server in your project by running `npm i json-server`. There are 312 other projects in the npm registry usin..