'분류 전체보기' 카테고리의 글 목록 (8 Page)

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가 없는 것을 의미 이벤트 ..

[플러터/flutter] RxList 는 substring을 쓸 수 없는 것인가!? 😤

2023.05.05· 개발/Flutter

♨️ 문제상황 만들고 있는 프로젝트 페이지 중에 글을 검색하는 페이지가 있는데, 최근 검색어를 등록, 삭제기능을 수정해야 하는 상황. Hive에 저장해두고 해당 아이템을 꺼내와서 obx로 상태관리를 하면서 삭제, 등록을 해야 하는데, 단어를 하나씩 추가할 때마다 배열의 뒤에 붙는 게 아니라 앞에 붙게 하거나, 뒤로 붙일 거면 reverse를 시켜서 배열이 드러나게 해줘야 하는 상황. 여기까지는 괜찮은데, 문제는 해당 인덱스를 사용해서 삭제를 해야 하는 상황이다. 배열 앞쪽으로 추가하는 방식으로 했더니 인덱스는 변하지 않는 것인지 해당 단어를 누르면 다른 단어가 사라졌다. 게다가 10개 이상은 출력시키지 말라는 조건까지 붙었다. 해결 방안 ✅ 최근검색어 업데이트 될 때 배열 앞쪽으로 보내기 ➡️ inser..

localStorage vs Cookie 만료시간 설정하기

2023.04.12· 개발/JavaScript

💡 localStorage vs Cookie 만료시간 설정하기 로그인할 때 jwt web token을 받아서 로컬스토리지에 저장해 두고 api 호출을 할 때마다 꺼내 쓸 때가 많다. 따로 만료시간을 정해놓고 쓰지는 않았는데, 이번에 프로젝트를 진행하면서 로직이 수정되고 하면서 토큰 자체를 지워내서 자동로그아웃을 시켜버려야 하는 상황이 발생했다. 그래서 난 고민에 빠졌다. 원래 localStorage에 토큰을 저장해두고 사용했는데, localStorage에 저장하지 않고 쿠키나 sessionStorage에 저장해서 만료 시간을 설정해야 하는 걸까? 라며 이리저리 검색을 해보았다. 로컬스토리지에 만료시간을 저장해서 사용할 수 있는 방법도 있었다. 그래서 또 다른 고민에 빠졌다. 어떤 게 더 좋은 방법일까? ..

티스토리툴바