코딩시에 자주쓰는 프로그램인 VSC에서 주로 애용해서 쓰는 단축키를 모아봤다. 자주 쓰는만큼 유용할 것이다. ctrl+z, x, c 잘라내기,붙여넣기, 복사 ctrl + D 같은단어 수정 alt + click 여러커서 alt + 위/아래: 행위치변경 드래그 + alt + shift + i = 커서 대량생산 alt + shift + drag = 커서 대량생산 ctrl + 위/Home키/End키 = 끝으로 이동 alt + = 이전에 위치했던 대로

CODING/etc. 2022. 12. 31. 17:37

앱개발을 위해 리액트 네이티브를 학습하려고 한다. 플러터와 고민했지만 리액트에 익숙한 사람은 react native를 학습하는 게 나은 것 같아서ㄲㄲ 여러 온라인 학습사이트에서 찾아다니며 괜찮은 강의들을 엄선해봤다. 앱개발을 위한 학습이 목적이라면 일단 네이티브 앱으로 개발을 시작할지, 크로스 플랫폼으로 개발할지부터 고민해보자. 아래의 글 정도만 봐도 느낌이 오지 않을까 싶다. 네이티브 앱 vs 크로스 플랫폼 앱: 개념 및 장단점 비교 📌 들어가며 본 포스팅에서는 네이티브 앱과 크로스 플랫폼 앱의 개념과 각각의 장단점을 비교하고, 각 프레임워크마다 사용하기 적절한 상황에 대해 소개합니다. 📚 목차 1. 네이티브 앱 1.1. heytech.tistory.com 1. 배달앱 클론코딩 개인적으로 아예 코딩지식..

CODING/etc. 2022. 12. 28. 18:47

완전 배끼기보다는 흐름만 훑어보는 게 좋을 듯 하다. ## 1.빌드 npm run build(빌드시 백앤드 서버는 켜있어야 한다!!) 보통 github에서 push하면 cicd에서 관리해서 에러 찾아줌(빌드 테스트) 파일 1메가 넘어가면 react.lazy? 등이용해서 코드스플리팅 어떤게 실질적으로 용량이 큰지 알기 위해서는 npm i @next/bundle-analyzer gzip압축을 하면 용량 줄어듬 위에건 next.config.js에서 수정하고 package.json수정하기 위해서 (배포모드로 변경) --> 윈도우에선 cross-env까지 설치한 다음에 build명령어에 gogo tree shaking 검색하여 줄이는 방법 찾는다. immer는 익스플로어에서 실행안됨 따라서 util/produce..

CODING/etc. 2022. 12. 24. 19:18

배포시에 자꾸 새로고침하면 root페이지로 이동하는 에러... firebase 설정시 rewrites를 추가해주면 root페이지로 이동하고 그렇지 않으면 404 에러가 난다. SPA관련해서 발생하는 에러라고 하는데 나는 해결방법만 알면 된다. firebase 설정에서 해당 내용을 추가해주었다. firebase.json "hosting": { "public": "out", "ignore": ["firebase.json", "**/.*", "**/node_modules/**"], "cleanUrls": true, "appAssociation": "AUTO", "rewrites": [ { "source": "/**", "destination": "/index.html", "dynamicLinks": true ..

CODING/etc. 2022. 10. 24. 15:54

앱 개발을 해야 하는 상황에서 리액트 네이티브와 플러터 중 고민하면서 써치를 좀 해본 결과 러닝커브가 괜찮고 부담이 덜 하다는 플러터를 배우기로 선택했다. 주변인들을 통해, 그리고 인터넷을 통해 몇가지 무료강의를 추천받았다. 인프런 무료강의 자주 애용하는 인프런에서 플러터 무료 강의를 찾아보았다. 양질의 무료 강좌들이 몇개 있었다. 일단 dart언어 문법을 빠르게 학습하고 무언가를 만들어 볼 수 있는 클론코딩을 배우는 게 가장 좋다. [무료] [코드팩토리] [입문] Dart 언어 4시간만에 완전정복 - 인프런 | 강의 이 강의를 통해 Dart 언어를 배우면 Flutter를 시작할 수 있을 정도의 수준으로의 업그레이드가 가능합니다!, - 강의 소개 | 인프런... www.inflearn.com [무료] 플..

CODING/etc. 2022. 6. 7. 14:53

크롤링을 위해서주로 사용하는 puppeteer 기본크롬 창 띄우는 실습 예제 const cheerio = require('cheerio'); const axios = require('axios'); const xlsx = require('xlsx'); const add_to_sheet = require('./add_to_sheet'); // 엑셀에 크롤링 한 내용 추가시 const puppeteer = require('puppeteer'); const { stringify } = require('csv-stringify'); const { parse } = require('csv-parse'); const fs = require('fs'); const workbook = xlsx.readFile('xls..

CODING/etc. 2022. 5. 28. 01:55

크롤링을 위해서주로 사용하는 puppeteer 기본크롬 창 띄우는 실습 예제 const cheerio = require('cheerio'); const axios = require('axios'); const xlsx = require('xlsx'); const add_to_sheet = require('./add_to_sheet'); // 엑셀에 크롤링 한 내용 추가시 const puppeteer = require('puppeteer'); const { parse } = require('csv-parse'); const fs = require('fs'); const workbook = xlsx.readFile('xlsx/data.xlsx'); const ws = workbook.Sheets.영화목록; ..

CODING/etc. 2022. 5. 28. 01:53