일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
- VITE
- vitepwa
- Javascript
- 싸피셜
- queryset
- 머신러닝종류
- QuerySetAPI
- react
- 14658
- 데코레이터
- TypeScript
- pwa적용하기
- PWA
- SSAFY
- SQL
- 백준
- SSAFYcial
- 싸피10기
- js
- db
- 알고리즘
- 셀프넘버
- git
- 싸피
- 플로이드워셜
- sqld
- 리액트
- Python
- unionfind
- Django
- Today
- Total
목록FrontEnd (64)
Meme's IT
🎧 타입 지정변수 만들 때 타입을 지정해 줄 수 있음let name :string = 'Mino'변수명 :타입명 의 형식으로 사용 타입으로 사용 가능한 것들string, number, boolean, bigint, null, undefined, [], {} 타입을 지정하는 이유?JS에서는 에러 메세지를 모호하게 알려주지만,타입을 지정해서 사용하면 어디서 에러가 나는지 알기 편함= 타입 관련 버그가 생겨도 빠르게 디버깅 가능let name :string = 'Mino'name = 123 // 여기서 에러가 생김 만약에 여러가지 타입이 가능하다면?해당 변수에 여러가지 타입의 데이터가 들어 올 수 있다면 | 기호를 사용함let name :string | number = 'Mino'name = 123 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bWWizd/btsH1ix7LYj/TTDdq9wotHQoqTwmYh4oE0/img.png)
백준에서 js(node.js)로 문제를 풀 때, 가장 먼저 생기는 문제...input을 어떻게 받지...? 백준에서 알려준 예제에 따르면require('fs')라는 코드를 이용해서 파일을 읽어오는 것 같은데, 얘네가 뭔지 한번 알아보고자 한다.# fs 모듈?fs 모듈은 node.js에서 파일의 입출력을 다룰 때 사용하는 모듈이다.node js에서 파일을 다루는 함수들을 모아놓은 페이지에서 더 자세하고, 다양한 함수들을 확인할 수 있다. let fs = require('fs');다음과 같은 방법으로 가져오면 되고, 이때 let이나 const등은 상관없다. 그리고, 공식 페이지에서는 require('node:fs') 이런식으로 가져오는데, 이 차이는 Node.js 14.13.0 버전에서 도입된 네임스페이스 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/k2onq/btsHTmm9nIU/jtUZvWdhrIxi52KVjPKNFk/img.png)
프론트엔드 직무에서는 JS로 코테를 보는 경우가 많아서,알고리즘을 기존에 풀던 파이썬으로 한 번 풀고, JS로 한번 풀려고 한다. 우선 파이썬에서 만약 0이 10001개로 이루어진 배열을 만들려면,arr = [0 for _ in range(10001)]arr = [[0] * 10001]이 두 방법을 사용하면 된다. 그럼 JS에서는 어떤식으로 배열을 만들 수 있을까? 📌 Array: 빈 배열 만들기우선 길이가 10001인 빈 배열을 만들고 싶다면,const arr = new Array(10001); Array 함수 안에 원하는 길이를 적어주면 된다. 이 때, arr는 크기만 있는 빈 배열이므로 출력하면 다음과 같다당연히 이 안에 값을 일일히 지정해 줄 수도 있다const arr = new Array(10..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bOTk93/btsGFkRqJ15/Eg1hlhfBd9FKKpZCsiEfV1/img.png)
이번 프로젝트에서는 알림 기능이 중요하기 때문에PWA를 이용해서 프로젝트를 진행하기로 했다. 그래서 본격적인 프로젝트를 시작하기 전에,VitePWA 플러그인을 이용해서 적용해보고 Vercel을 이용해서 간단하게 배포 후 잘되나 확인해보려고 한다.고고 1. Vite기반 React프로젝트 만들기사실 react가 아니어도 크게 상관없을 것 같다.vite만 기반으로 된다면 괜찮음 npm create vite@latest 프로젝트명명령어를 통해 프로젝트를 만들어주고 2. Vite PWA 설치 및 설정https://vite-pwa-org.netlify.app/ Vite Plugin PWAZero-config PWA Framework-agnostic Plugin for Vite and Integrationsvite..
보호되어 있는 글입니다.
보호되어 있는 글입니다.
배경 consult라는 type이 상당히 긴데, 자주쓰임 아이고 불편해…그래서 따로 빼서 import 하려고 함 해 보 자 고 src/types/DataTypes.ts 라는 파일을 만들어 주고, // DataTypes.ts // 고민 타입 export type consultType = { consultId : number, memberId : number, title : string, content : string, categoryId : number } 이런식으로 export를 바로 하면서 넣어주자 만약 여러개가 되어도 // DataTypes.ts // 고민 타입 export type consultType = { consultId : number, memberId : number, title : str..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cMWux6/btsF1mbI2ZY/xsJuiL6gKIVuHnSB9MaOZK/img.png)
배경 api요청을 하는 함수를 따로 빼놓고, import해서 불러와서 사용함 근데 함수 돌아가기 전에 set어쩌구를 했더니 결과가 화면에 안나옴(= 저장이 안됨) 그래서 비동기를 위해 async await 사용하고자 함 근데 타입 지정 어떻게 해야함? 공식 문서에서는 Promise 을 쓰라고 합니다. 해결한 코드 // 우선 함수가 들어있는 ts파일 import axios from "axios"; // 고민 타입 type consultType = { consultId : number, memberId : number, title : string, content : string, categoryId : number } // try-catch 사용했을 때 async function getConsults(): ..