Never give up

해당 포스트는 npx Create-React-App 없이 개발을 해볼 용도로 만들어봤고 정말 기본적인 프리셋(?)만 설정해서 사용하는 방법을 여기저기 찾아보면서 정리해봤습니다 (본 목적은 나중에 헷갈릴 때 찾아볼 용도로...) 1. 폴더를 만들고 내부에서 npm init -y를 입력해서 package.json파일을 만들어줍니다 해당 방법으로 node 프로젝트라는 정의(?)를 해줍니다 2. react, react-dom 설치 React 라이브러리와 DOM과 연결시켜주는 react-dom을 설치해줍니다 3. babel 설치 babel은 transpiler로 es6 이상을 es5 형식에 맞게 변환을 해주는 역할을 합니다 preset-react는 jsx를 js형태로 사용할 수 있도록 해주는 프리셋이고, pre..

간만에(?) 개발하던 웹 소스를 봤는데 createStore가 deprecated되었더군요.. 밑에 내용을 확인해보니 redux toolkit에 있는 configureStore로 하라고 해서 사용법을 찾아봤습니다 (링크: https://redux-toolkit.js.org/) 필자가 사용하던 createStore와 reducer가 configureStore, createSlice로 대체됐습니다 createStore -> configureStore reducer -> createSlice src/store.js import { configureStore } from "@reduxjs/toolkit" import counter from "slices/counter" import dialog from "sli..

5월 12일 오전에 Flutter 3.0으로 업데이트 되었습니다 주요 업데이트 내용으로는 Mac os, Linux os 공식지원 Casual game toolkit 지원 다국어 텍스트 입력지원 silicon mac 공식지원 윈도우 7/8 지원 중단 모바일 : 폴더플 폰 지원, IOS 주사율에 따른 문제 해결, IOS 배포 간소화, android gradle 7.4이상 필요, 32비트 ios 지원중단 웹 : 이미지 디코딩 성능 개선, 새로운 라이프사이클 도입 성능 개선 Material design 3 지원 기타 등등 으로 2.0때와 달리 크게 달라진점은 없는거 같은데 IOS는 테스트 해보니 전보다 조금 더 빨라진거 같기도 하고 아닌거 같기도하고.. 다음으로 안드로이드를 테스트 해보려고 했는데.. 회사에서 ..

요즘 엑셀 작업할 일들이 조금 있어서 최대한 자동화를 해보려고 이런저런 삽질(?)을 하다보니.. 이런 포스트도 있으면 좋겠다 싶어서 만들어봤습니다 server.js const express = require('express') const app = express() const port = process.env.PORT || 8080 const excel = require('./excel/index') app.use(express.json()) app.use(express.urlencoded({ extended: true })) app.use('/excel', excel) app.listen(port, () => { console.log(`Started! express server on port ${por..

이번 버전에서 추가 및 변경된 부분은 KakaoPolygon이 KakaoFigure로 변경 polyline 추가 일부 로직을 개선 으로 1번은 많은 필드를 공유하는 polygon과 polyline을 동시에 사용할 수 있도록 하였고 polyline부분을 추가했습니다 그리고 stroke style부분도 추가했습니다 3번 부분은.. 많이 부끄러운 부분인데.. 먼저 mapType부분은 조금만 더 신경썼어도 깔끔하게 했었을 부분으로 enum MapType { TRAFFIC, ROADVIEW, TERRAIN, USE_DISTRICT, BICYCLE } // 기존 extension MapTypeExtension on MapType { String get getType { switch (this) { case MapT..

이번 업데이트에 기능추가는 없고, 간단하게 정리만 해봤습니다 readme에 예제 추가 var로 되어있는 변수들 const, let으로 전환 필요없는 패키지 제거(url launcher) 일단 추가된 예제는 map controller를 이용한 refresh webview 그리고 marker추가 부분으로 노란색을 누르면 마커가 추가되는 부분, 그리고 초록색은 화면 refresh로 webview전체가 초기화 되어 추가한 데이터는 제거됩니다 addMarker(new kakao.maps.LatLng($_lat + 0.0003, $_lng + 0.0003)); function addMarker(position) { let testMarker = new kakao.maps.Marker({position: positi..

오늘은 테스트용으로 SMTP를 이용해서 메일 보내기를 한번 해봤습니다 먼저 소스코드를 보면 server.js require('dotenv').config() const express = require('express') const app = express() app.use(express.urlencoded({ extended: true })) app.use(express.json()) const port = process.env.PORT || 8080 const emailHandler = require('./email') app.post('/send-mail', async (req, res) => { const data = req.body if (emailHandler.validation(data)) {..

이번에는 google analytics에서 축적된(?) 데이터를 chart js로 시각화 그리고 excel파일로 만들어서 다운받는 예제를 만들어봤습니다 먼저 google cloud platform에서 api활성화, 그리고 계정 생성, domain 설정(필자는 localhost:8080), 환경변수 등록이 필요합니다 자세한 내용은 링크를 참고해주세요 (링크: https://developers.google.com/analytics/devguides/reporting/data/v1/quickstart-client-libraries#node.js_1) 위 링크대로 api를 활성화 하고, credentials.json파일을 적당한곳(필자는 프로젝트 폴더)에 넣어줍니다 그 후 환경변수에 다음과 같이 등록해줍니다 (..