Ming devlog

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

2023.11.03· 개발/📝 TIL

📝 What I Learned 격동의 10월이었을까..? 올 한 해도 2달밖에 안 남았다고 하니 갑자기 심장이 둑흔둑흔한다. 불안해서 말이다. 💻 Work 기존에 구현 중이던 프로젝트는 더 이상 신규 기능을 추가하지 않기로 했다. 새로운 프로젝트들이 물밀듯이 들어오면서 갑자기 기존에 해던 곳들이 올스탑된 느낌이다. 그동안 미루던 품질 보완 작업을 진행하다 여유되는 백엔드개발자가 없어서 주로 UI적인 부분, 사용자의 사용성을 고려하는 작업들이 주를 이루었다. 그리고도 참여하게 된 새로운 프로젝트. 원래 플러터로 구현했던거를 리액트 변환 작업을 하고 있다. 일단 메모리 사용에서 확연하게 느껴지는 플러터와 리액트의 성능차이. 플러터의 매력은 안드로이드, ios, 웹까지 동시에 개발할 수 있다는 점인데, 앱은 ..

[React/Typescript] 가로세로 모두 드래그가 가능한 슬라이드 만들기

2023.11.03· 개발/React

drag and drop 기능을 구현해서 당연하다는 듯이 라이브러리를 찾아 썼는데, 웬걸 - 가로로 움직이는 슬라이드 구현을 하고 그 안에 보여지는 부분은 아래위로 스크롤이 되어야 한다. 게다가 웹앱인지라 터치로 드래그까지 되야하는 상황이었다. 처음에 구현했을 때는 siwper라는 리액트 라이브러리를 사용했고, 슬라이드 안쪽 부분에도 다른 드래그 라이브러리를 추가해서 진행했는데, 여러 가지 이유에서 제대로 구현을 할 수가 없었다. 간단하게 사유를 이야기해보자면, 라이브러리까지 충돌을 한다. 간편하게 쓰자고 라이브러리 쓰는데 서로 충돌해서 난장판이 된다. 충돌 안되는걸 찾았더니 가로 슬라이드 구현을 도운 라이브러리가 모든 마우스 이벤트를 다 뺏어가서 다른 라이브러리가 먹히지 않는 일도 발생했다. 결국은 하..

[github/Git] workspace.xml이 뭐길래 merge 충돌나나!?!?!?

2023.11.01· 개발/Etc...

각각 따로 브랜치에서 작업을 하고 develop 브랜치로 push 할 때마다 merge conflict가 난다!!! workspace.xml 파일은 개발 환경 설정과 관련된 정보가 들어가 있고, 다른 개발자들에게는 필요하지 않을 수도 있다고 한다. 그래서 보통 .gitignore에 올려서 develop merge할 때마다 충돌 나는 것을 막는 것 같다. 현재 진행중인 프로젝트가 협업용이 아니었는데, 비즈니스 일정상 갑자기 투입이 되면서 여러 개발자와 쓰는 협업 프로젝트가 되었다. 그래서 아마도 선임이 .gitignore 세팅에 이 부분을 빠뜨린 게 아닐까 생각해 본다.

[플러터] flutter 버젼 upgrade(업그레이드 하기)

2023.11.01· 개발/Flutter

flutter로 빌드한 프로젝트는 react로 변경하는 작업을 진행 중이다. 프로젝트를 flutter로 빌드하는 작업을 내가 하지 않았지만 어느정도 flutter코드를 읽을 수 있어서 clone해서 코드를 살펴보려는데 버젼이 맞지 않아서 제대로 run이 되지 않는것이다! 플러터 버젼 업그레이드하기 🚀 굉장히 간단하다! 터미널에 아래와 같이 적어주면 된다. flutter upgrade 그전에 우선 version을 체크해보자 flutter --version 이렇게 하면 version과 dart version도 함께 확인하실 수 있다. upgrade 후에는 작업중인 프로젝트로 가서 flutter -v pub get 을 한번 해줘야 프로젝트가 제대로 돌아간다!

[react/typescript] Swiper 사용기

2023.10.29· 개발/React

맨날 정해져있는 템플릿을 이용한 기능 개발만하다가 모처럼 새로운 UI를 짜야하는 일이 생겼다. 밑밥을 깔아보자면 ㅋㅋ... 처음부터 빌드한 프로젝트가 아니라 중간에 끼여든 프로젝트였기에 코드를 읽을 때부터 버벅이긴 했다. 자 이제 밑밥은 깔림. 내가 해야할 목록 1. swiper 라이브러리를 쓴다. 2. navigator 버튼을 나오게하고 첫 슬라이드에서는 왼쪽 버튼이 사라지게 마지막 슬라이드는 오른쪽 버튼이 사라지게한다. 3. 슬라이드는 마우스 드래그로도 가능하게한다. Code import React, { useState } from 'react'; import { Swiper, SwiperSlide } from 'swiper/react'; const Projects = () => { const [sw..

[nodejs/mysql]"code":"ER_NOT_SUPPORTED_AUTH_MODE","errno":1251," ...권한 에러

2023.10.10· 개발/❌ 오류 노트

❌ 문제상황 {"code":"ER_NOT_SUPPORTED_AUTH_MODE","errno":1251,"sqlMessage":"Client does not support authentication protocol requested by server; consider upgrading MySQL client","sqlState":"08004","fatal":true}... Nodejs를 사용해서 mySql을 연동하려고 하는데, mysql 데이터가 안 불러와지는 것이다. 사용권한 오류로 발생한 오류이다 mysql 패스워드 플로그인을 소화히지 못해서 생긴 오류로 mysql root로 들어가서 패스워드를 바꿔주면 된다. 해결방법 1. mysql root 계정으로 접속하기 - 터미널을 오픈 - 'cd /usr/l..

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

2023.10.06· 개발/📝 TIL

📝 What I Learned 회고를 써야 하는 걸까?라고 고심하게 한 한 달... 업무는 그렇다치고 개인공부를 진짜 한 개도 못 했기 때문...ㅎ.... 💻 Work 애자일방법론을 따라서 업무를 진행하는데, 최근에 PO가 새로 들어오면서 기존의 칸반 형식에서 '스크럼반' 라는 형식을 취해서 업무를 진행 중에 있다. 커다란 업무 방법론이 중점적인 것이지 그것을 진행하는 방식에 있어서 '칸반' '스크럼반'이 중요한가에 대해서는 그다지 신경을 쓰지 않았었는데 어쩌면 중요할지도. 개발팀이 아닌 팀들과 함께 쓰다 보니 '배포'의 시기라던가, 'QA' 완료의 시점은 무엇이며 'QA'는 무엇에 기반을 두고 하는 것인가부터 계속 예민한 게 대응할 수밖에 없는 일들이 생겨났다. 기분이 태도가 되지 않게 하자 기획에도 ..

[Nextjs] dynamic routing 새로고침시 데이터 소실 에러

2023.09.26· 개발/❌ 오류 노트

지난 번에 마주했던 Nextjs 라우팅 문제는 이제 해결 된 듯 했다. 관련 에러 포스팅 보러가기 (👉🏻 https://mindevlog.tistory.com/191) 또 다른 라우팅 문제가 발견되었다. 정적 라우팅은 cloudFront로 해결을 봤는데, 이번엔 동적 라우팅이 문제였다!😔 어떠한 게시판의 게시물 상세로 들어갈 때 , `/file/[id]` 이런식으로 동적라우팅(dynamic routing) 처리를 하고 있다. 브라우저에서 새로고침(refresh)를 하면, 해당 상세 페이지에 출력되어있던 모든 데이터들이 사라지고, 심지어 html 역시 출력 못하고 기본페이지로 보내버리는 것 아닌가... 방법을 찾아서 AWS cloudfront 함수를 다시 작성도 해보고, lambda를 써야한다 - next..

🥲 아니, 이게 왜 안 되는거야?!?! - 비동기 프로그래밍과 Promise에 대하여

2023.09.10· 개발/React

이미지를 다루는 작업을 진행하게 되었는데, 기존에 해오던 것과 달리 이번에는 여러 이미지를 배열 형태로 보내서 url를 받아와서 다시 그 데이터를 다른 데이터와 함께 create 혹은 update를 해줘야했다. 그런데, 만약에 기존에 url이 있는 상태면 pass를 하고 새로 넣은 이미지만 url을 다시 받아와서 update를 해줘야하는 것에서 문제가 생겼다. api를 호출하기 전에 console.log로 body를 찍으면 분명히 업데이트 된 이미지 url이 찍히는데, 막상 api를 호출하면 payload에 업데이트된 값이 안 찍히는 것이다!!!!!!!! 반나절을 붙잡고 늘어져있는데 미칠지경... async - await를 써서 비동기처리를 해줬는데 뭐가 불만이니?! 뭐가 잘 못 된건데?! .... 문제..

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

2023.09.03· 개발/📝 TIL

📝 What I Learned 정신없이 흘러간 것 같은 8월. 개인적인 공부보다는 업무, 팀 플레이에 많이 치중한 한 한 달이었다. 💻 Work 🛡️ 창과 방패의 싸움(?!) 새로운 제품 개발에 들어가게 되면서 거듭되는 회의. 기획 회의에 따른 개발팀과의 미팅들이 이어졌다. 마치 이것은 창과 방패의 싸움. 싸움이라고 표현하기는 힘들지만 과장해 보자면 그렇다는 것. 요구사항들이 즐비하고, 프런트엔드와 백엔드가 가만히 듣고 있는데... 왜 이렇게 '비효율적'인 것들이 눈에 쏙쏙 들어오는 건가. 물론 비효율적인게 틀리다고는 생각하지 않는다. 그들은 '비즈니스'적인 부분에 집중하며 기획했고, 다만 그 방식들을 조금 더 효율적이게 바꿔 사용할 수 있을 것 같은데 왜 이렇게?라는 생각이 들게 할 뿐. 보통은 프론트..

플러터 초급) class 개념을 알자

2023.08.27· 개발/Flutter

dart라는 언어와 통역을 하기 위해서 변수, 메소드 등이 필요하다 method는 믹서기와 같은 기능을 하는데, 어떤 기능이 필요할 때 사용한다. 변수의 경우에는 다양한 아이템을 보관하기 위해서 사용하는 것으로 변수의 크기도 타입에 맞게 선언되어야한다. string, boolen 과 같이 말이다. 예를 들자면 String이라고 타입을 정하고 변수를 선언해주면 컴퓨터가 그에 맞는 공간을 준비하고 만들어준다. 이제는 클래스다 클래스는 하나의 인형이 있다고 하면, 그 인형을 이루기 위해서 다양한 부분이 존재한다. 팔, 머리 , 몸통과 같이 말이다. 저렇게 부분적으로 파트별로 나눈 부분을 클래스라고 이해하면 좋을 것 같다. 크고 복잡한 것을 만들때 나눠서 만들어 조립! 객체(object) 는 눈에 실체가 보이든..

[leetCode/코테공부] 2721. Execute Asynchronous Functions in Parallel

2023.08.22· 개발/💬 코딩테스트

문제) Given an array of asynchronous functions functions, return a new promise promise. Each function in the array accepts no arguments and returns a promise. promise resolves: When all the promises returned from functions were resolved successfully. The resolved value of promise should be an array of all the resolved values of promises in the same order as they were in the functions. promise reje..

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

전체 글

티스토리툴바

개인정보

단축키

내 블로그

블로그 게시글

모든 영역