Ming devlog

[leeCode/코테공부] 2625. Flatten Deeply Nested Array

2023.08.21· 개발/💬 코딩테스트

문제) Given a multi-dimensional array arr and a depth n, return a flattened version of that array. A multi-dimensional array is a recursive data structure that contains integers or other multi-dimensional arrays. A flattened array is a version of that array with some or all of the sub-arrays removed and replaced with the actual elements in that sub-array. This flattening operation should only be d..

[Next.js (SSG) /cloudFront] 배포 이후 reload시에 dynamic route를 못 할 때 해결

2023.08.07· 개발/Next.js

문제상황 NextJS로 빌드한 이후에 브라우저에서 reload를 하면 페이지 경로를 제대로 찾지 못 하고 초기화면으로 보내버리는 오류가 생겼다. 최종 서비스를 앞두고 이 문제로 꽤나 골머리를 썩고 있었다. 원인 브라우저에서 요청한 주소와 실제 리소스의 주소(URL)이 달라서 생긴 일인데, 이게 로컬에서는 잘 돌아가기 때문에 처음에 정말 무슨 일인지 알수가 없었다. static을 S3에 올리면서 생기는 문제로 nextjs는 디렉토리를 기반으로 라우팅을 하는데, 이걸 static이 생성된다. 이대로 배포하면 기본 url 에서는 문제가 없지만 뒤에 디렉토리가 붙는 경우에 문제가 생긴다. 해결 1. next.config에 trailingSlash 옵션 넣어주기 // next.config.js module.exp..

2023 7월) 주니어 개발자의 회고록

2023.07.31· 개발/📝 TIL

📝 What I learned 어느 것 하나에 집중하지 못 하고 이룬것 없는 한달을 보낸 것 같다. 휴가철이라서 마음이 붕~뜬다는 핑계를 대면 괜찮을까? 능력풀을 넓히고 싶다는 욕심에 '영어'에 욕심을 냈고, 그 생각과 이어지는 포인트로 포트폴리오를 겸할 '영어'만 사용할 github pages를 만들었다. 이것저것 손을 댔지만 정작 영어로 올린 컨텐츠는 아직 2개 밖에 없다. 망설임 없는 행동력은 좋았으나 아쉬운 꾸준함. 💻 Work 🌱 드디어 다시 팀이 만들어져가고 있는 것 같다. 개발팀을 비롯해서 다른 팀에도 새로운 인재가 들어왔고 모두들 조금씩 적응해가면서 운영을 정상화해가는 중이다. 나 역시 백엔드 개발자들과의 티키타카를 맞춰야하는 상황인데, 이전 개발자분들과는 또 다른 개발스타일에 왜 이렇게 ..

쉬울 것 같은 github pages 로 블로그 만들기 (2) - 가져온 템플릿을 수정해보자

2023.07.18· 개발/Etc...

jekyll을 사용해서 템플릿을 가져오는데까지 많은 우여곡절이 있었지만 해냈다. 궁금하신 분들은 아래의 포스팅을 보고 오시면 된다. 👇🏻 쉬울 것 같은 github pages 로 블로그 만들기 - 템플릿가져와서 설정하기 (1) 배포도 쉽게쉽게! 넘나 쉬울 것 같은 github pages를 만들어봅시다! 예전에 블로그가 필요해서 포트폴리오 겸해서 pages를 만들었다가 지운적이 있었는데 이번에 영어용으로 하나 필요할 것 같아서 mindevlog.tistory.com 결론적으로는 ruby없이도 jekyll 템플릿가져와서 쓸 수 있다. 커스텀하고 하려면 어쩔 수 없이 로컬에 클론해서 써야할 것 같지만... 무튼 나는 로컬에서도 쓸 수 있게 된 상황이 되었고, 맘껏 커스텀을 시작하자!!!! 고 맘을 먹기 시작하..

쉬울 것 같은 github pages 로 블로그 만들기 (1) - 템플릿가져와서 설정하기

2023.07.14· 개발/Etc...

배포도 쉽게쉽게! 넘나 쉬울 것 같은 github pages를 만들어봅시다! 예전에 블로그가 필요해서 포트폴리오 겸해서 pages를 만들었다가 지운적이 있었는데 이번에 영어용으로 하나 필요할 것 같아서 본격적으로 다시 시작해보려고 합니다. 실시간으로 페이지를 만들어가면서 여기에 글을 올릴거라서 포스팅이 늦어질 수도 있어요. 한번 차근차근 적어보려고합니다. 우선적으로 저는 jekyll theme를 사용할 거라서 내가 페이지를 만드는 목적에 맞게끔. 무료로 제공하는 템플릿 중 하나를 선정했습니다. jamstackthemes.dev jekyllthemes.org jekyllthemes.io jekyll-themes.com 제가 선택한 테마는 https://jekyllthemes.io/theme/mediumis..

MongoDB vs MongoDB Atlas 차이점이 뭐지?

2023.06.26· 개발/Database

이것저것 클론코딩해보며 만들던 시절에 많이 접했던 mongoDB. 이 때는 그저 따라하기 급급해서 mongoDB 랑 atlas 붙는게 뭐가 다른지 몰랐다. 그냥 업데이트 버젼인가? 라며 어플리케이션을 그저 작동하게 만들기에 바빴던 그 시절. 이제 지식의 풀을 넓혀가야하는 순간이 왔다. MongoDB 오픈 소스 NoSQL 데이터베이스이며, 데이터 저장 및 조회를 위한 다양한 기능과 유연성을 제공한다. MongoDB Atlas MongoDB의 관리형 클라우드 서비스로, MongoDB 데이터베이스를 클라우드에서 쉽게 배포, 운영 및 확장할 수 있도록 지원한다 MongoDB vs MongoDB Atlas 1. 배포 및 운영 MongoDB MongoDB를 직접 설치하고 관리해야한다. 서버의 확장, 복제 설정 등을..

30대 중반의 1년차 개발자의 1년 회고

2023.06.14· 개발/Etc...

개발자로 커리어를 변경하고 일하기 시작한 지 1년이 지났다. 그렇게 고대하고 고대했던 1년이 지났다. '1년쯤 지나면 나는 꽤나 많이 성장해있겠지?', '이것저것 다 할 줄 알겠지?', '개발에 대한 어느 정도 감이 잡혀있겠지?' 등의 나 스스로가 가졌던 기대들이 많았다. 간단하게 써머리 해보자면 스스로에게 만족스러운 성장은 아직 없는 것 같다. 하지만 성장을 안 했다고는 못하겠지. 어쨌든 '경험치'를 얻었으니깐 말이다. 아직까지도 어디론간 이직을 한다고 했을 때, '신입'의 타이틀을 떼지 못하는 상태인 30대 중반의 신입 '프론트엔드' 개발자의 회고이자 여러 가지 느낀 점을 이야기해볼까 한다. 1. 개발일로 먹고 살 수 있겠구나! 지난 1년을 돌이켜보면서 제일 먼저 든 생각은 바로 하나다. "아~! 나..

[플러터] Container에 배경 이미지 넣는 방법 2가지

2023.05.25· 개발/Flutter

container를 색으로 채우는 것이 아니라 이미지로 넣어야 할 경우도 있다. 이때, 간단하게~ 두 가지 정도의 방법이 있다! 1. src 이미지 주소를 쓸 때 Container( width: 155.0.w, decoration: BoxDecoration( image: DecorationImage( image: NetworkImage( src ), fit: BoxFit.cover ), ), ) 2. image assets 을 쓸 때 Container( width: 155.0.w, decoration: BoxDecoration( image: DecorationImage( image: AssetImage('/assets/image.png'), fit: BoxFit.cover ), ), ) 이미지 주소를 어..

[git/깃] cherry-pick(체리픽) 하기 : 개별 커밋 적용하기

2023.05.10· 개발/Etc...

운영 서비스와 스테이지 단계 서비스의 간극이 날이 갈수록 심해지고 있다. 기존의 운영되는 서비스의 수정이나, 버그 혹은 새로운 기능을 추가해야할 때 난감할 때가 있다. 새로운 브랜치에서 작업을 하고 스테이지 단계에서 QA 후에 진행을 해야하다보니 꼬여서 스테이지에 있는 운영 서비스에는 없는 파일이 merge 되어있을 때도 있고 알게모르게 이상하게 꼬일 때가 있다. ...안 생길것 같은가? .... 생긴다. 왜냐 대부분은 협업을 하니깐 말이다 .... ㅎ..... 예상치못하게 생긴다아아아아 무튼 이런 난감한 상황에서 해당 작업 커밋들만 cherrypick이라는 것으로 뽑아내서 운영 서비스에 merge 시켜버린다. Cherry Pick (체리픽) - 특정 commit만을 가져오는 것 ▶ Cherry Pick..

[리액트] React-Query - 2. CacheTime , StaleTime (feat.ReactQueryDevtools)

2023.05.09· 개발/React

React-Query 장점 중의 하나였던 캐싱이야기를 해보려고합니다. 캐싱을 이야기 전에 알아두면 좋을 tool이 있습니다. 바로 ReactQueryDevtools 이라는 것으로 데이터가 fetching 되고 그 상태값이라던가 내부 내용을 자세히 볼 수 있게 도와주는 tool입니다. react query 라이브러리에서 제공하는 강력한 도구입니다. ▶ ReactQueryDevtools 사용법 import { ReactQueryDevtools} from 'react-query/devtools'; //이렇게 import 합니다 function App() { return ( ); } 아래와 같이 화면 하단 오른쪽에 뜬 버튼을 보실 수 있어요. 클릭을 하면 오른쪽 화면처럼 뜹니다. tools 안에서 fresh ,..

[리액트] React-Query - 1. data fetch & error

2023.05.08· 개발/React

React-Query 비동기 통신 fetch, axios 등을 사용하면서 서버 상태 관리 및 비동기 로직을 쉽게 다루게 해주는 라이브러리 비동기 통신을 하는 방법은 몇 가지 있지만 react-query를 사용하면 요청을 보내는 콜백함수를 전달하기만 한다면 라이브러리에서 제공해주는 많은 기능들(캐싱, 값 업데이트, 에러 핸들링 등)을 이용할 수 있으며 코드도 매우 간단해집니다. 사용하는 이유 서버로부터 값을 가져오거나 업데이트를 해야하는 로직을 store에서 개발해야하는 경우들이 많습니다. store는 client에서 state를 유지하면서 내부에 client data 와 server data 가 공존을 하게 되는 순간이 생겨납니다. 데이터들이 서로 상호작용하면서 혼란을 빚어내는데 react-query를 ..

[플러터] Stateless vs Stateful 개념

2023.05.07· 개발/Flutter

약 1여년 가까이 플러터로 앱을 제작하고 있는데 여전히 소소한 개념들을 제대로 알지 못 한다는 생각이 들었다. GetX로 상태 관리를 하면서 stateless 위젯만 사용하고 있는데 사실 stateful이라고 getx를 못 쓰는 것은 아니다. 그런데 개념이 확실하지 않다보니 그저 안 쓰게 되는 상황이 발생. 그리고 화면안에서 클릭 이벤트만으로 위젯이 변경되야하는 레이아웃을 구성하게 되면서 그냥 stateless로 써야하는걸까 getx로 관리해야하는 걸까라는 의문이 들었고, 어떤 방법이 더 좋은 방법인지 알수가 없어서 개념 정리를 다시 한번 해보려고 작성해본다. ✅ Stateless Widget 화면이 로드될 때 한 번만 그려지는 state가 없는 위젯으로 변경이 필요한 Data가 없는 것을 의미 이벤트 ..

전체 글

티스토리툴바