뚱노트 뚱노트

분류 전체보기

• vue 백오피스 개발 (with vuetify3, vite) 1. 개발 환경 설정

  개발/Vue3 2024. 3. 16. 13:48

  vue3 + vite + vuetify3를 사용하여 백오피스 어드민(관리자 사이트)을 간단하게 만들어 보고자 한다. 1. 프로젝트 구성 및 설치 node 설치 vue3는 node 18 이상 버전 설치를 요구한다. 윈도우는 node 공식 홈페이지에 접속해서 설치하도록 한다. (https://nodejs.org/en/download) Node.js — Download Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 맥에서 node를 설치하는 방법은 아래와 같다. (brew 사용) # mac에서 brew로 node 설치 brew install node@20 brew link node@20 vue3 + vite..

  Read More
• [vuejs] vuejs 설치 하기 / vue 프로젝트 생성 / vue2 install

  개발/Vue 2023. 10. 23. 22:25

  1. vuejs 설치 1.1 node 설치 vuejs를 설치 하려면 제일 먼저 pc에 node가 설치되어 있어야한다. node 홈페이지: https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org node가 설치되면 npm이 자동으로 설치되는데 이를 이용해서 vue를 설치하도록 한다. 설치 후 아래와 같이 cmd에서 node 버전을 확인하면 설치가 성공적으로 된 것을 확인 할 수 있다. node --version 1.2 vuejs 설치 vuejs 공식홈페이지에서 다양한 방법으로 vuejs를 설치 할 수 있는데 여기서는 npm으로 설치하도록한다. npm 설치후 v..

  Read More
• 냉장고에 남은 야채로 만든 로제 파스타 🍝

  요리 2023. 5. 18. 23:26

  [재료] 마늘 페퍼론치노 양파 표고 버섯 느타리 버섯 당근 파스타면 로제 파스타 소스 케찹 후추 소금 냉장고에 있는 야채 아무거나 쓰셔도 상관없어요. 취향껏 마음대로 넣으세요. 😀 야채는 작은 사이즈로 썰어주세요. 올리브유를 두른 팬에 마늘과 페퍼론치노를 넣고 맛있는 기름을 내주세요. 마늘이 노릇노릇 익으면 썰어둔 야채를 몽땅 넣고 달달 볶아주세요. 후추, 소금을 조금 넣고 볶아주세요. 로제 파스타 소스는 만들어서 먹으면 좋겠지만 오늘은 쉽고 빠르게 만들어야 하니까! 소스를 넉넉히 넣고 면수 3국자를 넣어 걸죽한 소스를 만들어주세요. 소스를 만들면 7분정도 익힌 파스타면을 넣어주세요. 플레이팅을 마친 모습! 😄 너무 맛있어 보이네요. 파마산 치즈를 직접 갈아서 올려도 맛있습니다. 다음엔 더 맛있는 메뉴를..

  Read More
• 남은 족발로 태국 족발덮밥을 만들어 보자 (카오카무, 백종원의 요리비책)

  요리 2022. 4. 3. 21:31

  재료 남은 족발 양파 반개 간장 설탕 소스 재료 다진 양파 조금 다진 마늘 조금 청양고추 1개 액젓 2스푼 설탕 2.5스푼 식초 2스푼 물 1스푼 족발이 남을리가 없겠지만 혹시나 남게된다면 또는 편의점에서 파는 족발을 사서 태국 카오카무를 쉽게 만들어 볼 수 있습니다. 물론 백종원의 요리비책과 함께라면요! 정말 많이 배웁니다. 선생님 👍 족발 남은걸 잘게 썰어줍니다. 그리고 소스는 밥에 뿌려먹으면 맛있는데요. 소스 재료대로 섞어서 준비하시면 됩니다. 맛은 태국 쏨땀 (파파야 샐러드) 소스 느낌이랄까 진짜 동남아 느낌이나는 소스입니다. 액젓향과 단맛 그리고 시큼한 맛이 족발 덮밥이랑 함께 먹으면 진짜 맛있을 것 같더라구요. 저는 매콤한 걸 좋아해서 청양고추는 기존 레시피 보다 더 많이 넣었습니다. 소스를 ..

  Read More
• [클린코드 자바스크립트] 경계 다루기

  개발/javascript 2022. 4. 3. 21:13

  * 클린코드 자바스크립트 강의를 정리하고자 작성한 게시글입니다. min - max 최소값, 최대값이 포함되는지 안되는지 경계가 애매할 수 있다. 최소값고 최대값의 포함여부를 결정해야한다. (이상 - 초과 / 이하 - 미만) 네이밍에 최소값과 최대값 포함 여부를 표현한다. 명시적인 코드를 작성하도록 노력한다. function getRandomNumber(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } // 상수 const MIN_NUMBER = 1; const MAX_NUMBER = 45; getRandomNumber(MIN_NUMBER, MAX_NUMBER); // 상수 (최소, 최대값을 포함) const MIN_IN_NUM..

  Read More
• [클린코드 자바스크립트] eqeq 줄이기, 형변환 주의, isNaN

  개발/javascript 2022. 3. 14. 23:01

  * 클린코드 자바스크립트 강의를 정리하고자 작성한 게시글입니다. eqeq 줄이기 == 보다 === 를 사용한다. === 를 사용하여 타입까지 검사하여 추후 발생되는 버그를 줄일 수 있도록 한다. # 타입 캐스팅이 이루어져 true를 반환한다. '1' == 1 // true 1 == true // true let money = $('#money'); money.value == 0 // 문제가 생길 수 있는 코드 Nunmber(money.value) === 0 // 안전하게 타입도 변경하여 비교하도록 한다. 형변환 주의 안전하게 형변환을 해서 사용하도록 한다. String(10 + 'test'); // '10test' Boolean('테스트'); // true Boolean(''); // false Numb..

  Read More
• 콩비지로 만드는 토마토 파스타 (with 콩비지 찌개)

  요리 2022. 3. 13. 21:28

  [재료] 콩비지 크게 1국자 (저는 콩비지 찌개 1국자 사용했어요) 토마토 파스타 소스 3스푼 케첩 1스푼 마늘 페퍼론치노 올리브유 파슬리 파스타면 편으로 썰은 마늘과 페퍼론치노를 올리브유에 약불로 볶아줍니다. 저는 해산물 모듬을 사용했는데요. 집에 남는 고기가 있으면 써도 좋고 없으면 없는대로 마늘과 콩비지 만으로도 충분히 맛있게 만들 수 있습니다. 파스타는 다 맛있잖아요. 😄 마늘이 어느정도 노릇해지고 올리브유의 향이 적당히 좋아지면 해산물 모듬을 넣습니다. 면수 2국자를 넣고 비지찌개 1국자, 토마토 파스타 소스 3스푼, 케첩 1스푼, 파슬리 1꼬집 넣어줬습니다. 원래는 콩비지를 넣어야하는데 비지찌개가 충분히 걸죽하게 되어서 저는 그냥 비지찌개를 2국자 넣어줬어요. 뭔가 로제 파스타 같은 색상이 나..

  Read More
• [클린코드 자바스크립트] 타입 다루기 (undefined, null, eqeq, 형변환 주의, isNaN

  개발/javascript 2022. 3. 13. 21:13

  * 클린코드 자바스크립트 강의를 정리하고자 작성한 게시글입니다. undefined 와 null 값이 없거나 정의가 되지 않은 표현 undefined 와 nulll 의 쓰임을 조심해서 사용해야 한다. undefined: 데이터 타입이자 값을 나타내며 값이 할당되지 않은 상태를 말한다. 변수는 선언했지만 값을 할당하지 않은 경우 undefined를 기본적으로 가지게된다. null: 값이 비어있음을 나타낸다. 두 값을 비교하려면 엄격한 일치연산자를 사용하도록 한다. (===) !null // true !!null // false null === false // false !null === true // true // null 은 숫자와 연산에서는 0으로 취급 null + 123 // 123 let testVa..

  Read More