들어가며블로그 포스팅하면서 여유롭게 주변 이것저것 신기한 것들 찾아보니 더 재밌는 것 같아요. 사실 쓰면서 진행하다보니 의식의 흐름대로 일기장 쓰듯 글을 쓰는 것이 뭔가 더 제 취향이라 그대로 유지해보도록 하겠습니다. 3월 23일 자 초고 작성 중입니다! 시간 내서 짬짬히 해당 글 업데이트 해보겠어요. 플러터 프로젝트 생성 플러터 프로젝트를 생성해줍니다. 진행 GitHub Repository 는 아래와 같습니다. baksohyeon/FluttyButter: flutter 관련 학습 레포지토리: 해보고 싶은 재밌는 구현 다 해보기 (github.com) 이럴수가 ~~~ 궁금해서 이것저것 만져보니까 html 보다도 이벤트리스너 관련해서 dart.js 가 렌더링해주네요.웹 브라우저 이벤트 리스너쪽 하나씩 싹싹..
이번 블로그 포스팅 시리즈에서는 플러터와 함께 Firebase Cloud Messaging (FCM) 토큰을 사용하여 웹 알림을 구현하는 과정을 기록해보겠습니다. [TL;DR] 들어가며 프론트엔드 공부 필요성에 대해서 브라우저가 단순 페이지를 표시하는 것을 넘어서 일종의 미들웨어처럼 기능하고 있다 해도 과언이 아닐 정도로 굉장히 웹 기술이 고도화되고 있는 것 같다는 생각이 듭니다. 또 서버리스가 대세가 되면서 요즘 웹 개발쪽도 전통적인 3 티어 구조보다는 웹과 모바일 + 인프라 구조로 달라지고 있는 추세도 보이구요. 그래서 결론적으로는 뭔가 백엔드와 프론트엔드 영역 구분이 무의미해지고 있다는 생각이 들었어요. 프론트엔드도 공부해보고 싶었고 특히 만들고 싶은 프로젝트가 있으면 필수 역량인 것 같아서 공부하..
들어가며요즘 알고리즘, 자료구조를 열심히 공부하고 있는데 그중 DFS/BFS 문제를 집중적으로 공략하고 있습니다. 아직 제가 재귀함수에 익숙하지 않기도 하고, 또 해당 문제는 사실 일반적인 DFS 문제이기는 한데, 얕복 깊복 개념 고려 안하고 막 풀었다가 예상과 다른 결과가 나와서 당황하게 되었던 문제입니다. 해당 이슈를 겪었던게 인상깊고 재밌어서 해당 문제 풀이를 포스팅하게 되었습니다.풀이코딩테스트 연습 - 여행경로 | 프로그래머스 스쿨 (programmers.co.kr) 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr로직 설명 사용한 티켓이거나 출발지가 다..
목표: docker-compose.yml 을 작성하여 OS 와 호환되지 않는 MySQL 구버전을 설치하고 mySQL 에서 user 계정을 관리할 수 있습니다. 들어가며 최신 버전 mySQL 의 경우에는 ARM 칩셋을 지원하기 때문에 docker pull 기능을 사용해서 쉽게 도커로 mySQL 을 실행시킬 수 있지만 애플 실리콘 칩셋 버전과 호환되지 않는 구버전인 경우 그렇게 해도 제대로 실행되지 않는 문제가 있습니다. 저같은 경우에는 M2 맥북으로 Live 서버의 버전과 맞추어서 개발을 진행해야하는데, 라이브 서버에서 사용하는 mySQL 버전이 5.7 구버전이라 곤란했던 적이 있었습니다. 그래서 유저의 실행 환경에 구애받지 않고 낮은 버전의 mySQL 을 실행할 수 있도록 docker-compose 를 ..
들어가며기존에 개발 공부를 독학하면서 Next.js 를 사용하여 간단한 커뮤니티 게시판 (+리댓글 기능까지) 구현했던 적이 있는데 그때 남겨뒀던 기록 아카이브 용입니다. 기억으로는 Next.js 13 을 기준으로 하였으며, 추후에 글이 수정될 수 있습니다. Next.js 의 파일구조 별로 코드가 실행되는 기능이 다르기 때문에, https://wityan.medium.com/next-js-project-structure-1531610bed71 를 참고하여 전체적인 구조를 잡았습니다. 1. Elementssrc ┣ components ┃ ┣ elements ┃ ┃ ┗ Icon ┃ ┃ ┃ ┗ Icon.tsx이 디렉토리에는 앱의 모든 기본 구성 요소가 포함되어 있습니다. 예를 들어 버튼이나 헤드라인 컴포넌트가 ..
들어가며 기존 레거시 ELK stack 서버에서 로깅이 정상적으로 수집되지 않는 에러가 발생하여 확인해보던 중 elasticsearch cluster status 를 확인해보니 red 임을 확인하였습니다. 그때 해결 과정을 정리한 글입니다. 🚨 Unassigned shards 발생 원인 및 해결방법 $ curl -X GET "localhost:9200/_cat/health?pretty&v" epoch timestamp cluster status node.total node.data shards pri relo init unassign pending_tasks max_task_wait_time active_shards_percent 1696402762 06:59:22 dorito red 1 1 15 15 ..
Elasticsearch 관련 문서를 읽을 때 자주 나오는 키워드 위주로 개인적으로 공부하면서 간단하게 정리해보았습니다. * 7.15 버전을 기준으로 작성하였습니다. Basic Concept Elasticsearch 는 오픈소스/java로 개발된 아파치 루센을 기반으로 구축된 실시간 분산 및 분석을 수행하는 검색 엔진입니다. 이것저것이 많이 붙은 일종의 NoSQL 정도로만 이해하고 필요할 때 이 서비스가 지원하는 기능인지 찾아보면 될 것 같습니다. (저는 서버 로깅 APM 기능을 사용할 예정입니다.) 그리고 HTTP 프로토콜로 접근이 가능한 REST API 로 데이터 조작을 지원합니다. ELK stack 에서는 주로 Elasticsearch, Kibana, Logstash 로 구성하여 사용합니다. MVC..
2023년 8월 15일 화요일, 인프콘 2023 에 다녀왔다. 약 7,8천명 가량이 지원하고 1700명 정도를 뽑았다고 한다. 운좋게도 당첨되었다. 2023 인프콘 총 평가여러가지로 알찼던 것 같다. 열정 가득한 IT 산업 종사자들과 자리를 함께해본 경험이 이번이 처음인지라 인상깊었다. 가장 좋았던 점은 참여자 중심으로 설계가 되어있고, 그 부분에 대해서 고심한 흔적이 느껴져서 좋았다. https://www.inflearn.com/conf/infcon-2023 인프콘 2023 - INFCON 2023인프런이 만드는 IT인의 축제, 인프콘으로 초대합니다. 인프콘과 함께 배우고 나누고 성장하세요. 다양한 발표 세션, 핸즈온, 네트워킹까지 만나보세요.inflearn.com 여기서 미리 어떤 세션을 들을지, 해..
As Is ms 라이브러리 쓰려는데 config모듈로 가져오는 값 같은 경우 typescript 랑 호환이 잘 안되고, common js 임포트 관련 문제가 발생함. To be 괜찮은 라이브러리 찾아보는데 딱히 없는 것 같아서 유틸 폴더에 따로 빼서 메서드 구현함. GitHub - HenrikJoreteg/milliseconds: Insanely lightweight module for converting times to milliseconds. Insanely lightweight module for converting times to milliseconds. - GitHub - HenrikJoreteg/milliseconds: Insanely lightweight module for convertin..
작성일 : 2023.1.13. 추가 수정일: 2023.1.20. (해결방법 1 메서드 사용 관련 설명 추가, 해결 방법 2 추가)개요Redis를 사용하기 위해서 공식문서 대로 따라 했는데도, 계속 에러가 발생하였다. Nest 공식문서에서는 redis가 버전업 되면서 오류가 난다고 주의 표시를 해뒀다. 공식문서에 명시된 대로 redis 관련 라이브러리를 낮은 버전으로 설치를 했었는데도 여전히 에러가 발생하여서 공식문서가 전혀 도움이 안되었다. NestJs Caching With Redis - Code with Vlad (22년 5월 문서) How to add Redis cache to a NestJS app - LogRocket Blog (22년 7월 문서) 그래서 저 위 문서를 참고하면서 해봤는데도 여전..
