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

[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..

[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..

티스토리툴바