일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Javascript
- 셀프넘버
- sqld
- 14658
- TypeScript
- 머신러닝종류
- 싸피셜
- 플로이드워셜
- db
- SSAFY
- Django
- SSAFYcial
- 싸피10기
- js
- 데코레이터
- QuerySetAPI
- unionfind
- vitepwa
- Python
- 알고리즘
- 싸피
- 백준
- pwa적용하기
- 리액트
- queryset
- SQL
- git
- react
- VITE
- PWA
- Today
- Total
목록분류 전체보기 (162)
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/tpJWy/btsHJRHM4zM/ykKRETbkG837Mz6JVGxt81/img.png)
안녕하세요!싸피 10기는 벌써 마지막 프로젝트를 끝내고,이제 수료가 코앞입니다!!! 처음엔 1년이 길다고 생각했는데, 지나고 보니 금방이네요. ㅎㅎ.. 이번 마지막 그것이 알고싶다의 주제는 Numpy입니다!파이썬이나 데이터사이언스, 인공지능 등등.. 한번쯤은 들어 보셨을텐데요,왜 쓰는지, 어디에 쓰는지! 한 번 알아볼까요?📚 Numpy란?행렬과 벡터 연산을 효율적으로 수행할 수 있는 파이썬 라이브러리입니다.배열 및 벡터를 표현하는 구조인 ndarray를 사용하여 빠르고, 메모리를 효율적으로 사용할 수 있습니다.반복문(for문)을 작성할 필요없이 전체 데이터 배열에 대해 빠른 연산을 제공하는 함수를 제공합니다.C, C++, fortran 등의 언어와 통합하여 사용할 수 있습니다.Dynamic Typing..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cqbFJu/btsG52pydr2/FJxMQTWDKsWOxPKTnJhyK0/img.png)
안녕하세요!오늘은 편하게 웹성능을 평가할 수 있는Lighthouse에 대해서 알아보려고 합니다. ⛵ Lighthouse 그게 뭔가요?Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, SEO, and more. 개발자 설명에 따르면 웹 페이지의 품질을 향상시키기 위한 오픈 소스 자동화 도구로,모든 페이지에 대해 실행할 수 있으며, 성능, 접근성, PWA, S..
![](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..
보호되어 있는 글입니다.
보호되어 있는 글입니다.