양갱의 개발 블로그

[프론트엔드] FSD(Features-Sliced Design) 아키텍처 방법론에 대한 생각

창업팀 프로젝트를 기획 및 설계 단계까지 진행하면서 개발에 들어가기 전 FSD 아키텍처 방법론을 도입하게 되었습니다. 회사와 병행하면서 진행될 사이드 프로젝트라 차근차근 다시 자바스크립트를 깊게 공부하며 여러번의 코드 리팩토링을 진행할 계획이었습니다. 결국 한두달만에 만들어야 되서 잠도 못자며 코딩하느라 클린코드는 못 했지만.. 그래도 배포해도 오류가 적고 기획 외의 베타 테스터들의 나쁘지 않은 평가를 받았던 것 같네요. 그래서 오늘은 FSD 아키텍처 방법론을 도입했지만 부족한 부분이 너무 많고 코드의 구조가 명확하지 않아 혼란스러웠던 경험을 토대로 적절한 FSD 아키텍처 방법론의 사고와 구조, 설계 방법 등 공식 문서를 깊게 파고들어볼 예정입니다. 프로젝트를 진행하면서 겪었던 문제점과 해결방법도 함께 ..

[React Native] Expo 프레임워크 사용하지 않고 React Native 프로젝트 생성하기

오늘은 React Native 본연의 프로젝트를 생성해보려고 합니다.매번 Expo 프레임워크를 사용해서 프로젝트를 만들어서 빌드도 하고 관리했는데 리얼 React Native의 프로젝트를 생성해보고 싶었습니다.React Native 문서에서도 '대부분 개발자들은 Expo 같은 React Native 기반의 프레임워크를 사용하는 경우가 많습니다'라는 문구가 있을 정도입니다. 심지어 Expo 팀은 React Native 팀과의 협력 관계입니다.https://reactnative.dev/docs/environment-setup Get Started with React Native · React NativeReact Native allows developers who know React to create nat..

[프로그래머스] Lv.1 추억 점수(Java)

https://school.programmers.co.kr/learn/courses/30/lessons/176963 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 문제 풀이1. 이름이 나오면 점수를 합산해줘야 하기 때문에 Map을 통해서 key, value값을 지정해줍니다.2. Map에 있는 값이면 value인 점수를 합산해주고, 만약 Map에 없는 이름이라면 0으로 지정해줍니다. 딱 두가지만 알고 있으면 됩니다.여기에서 Map을 선언하고 get을 사용했는데, NullPointerException이 발생했습니다.만약에 Map에 없는 값을 get하면 당연히 값이 없어서 null 예외처리가 발생되는 경우입..

[프로그래머스] [PCCE 기출문제] 10번 / 데이터 분석(Java)

https://school.programmers.co.kr/learn/courses/30/lessons/250121 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 풀이1. ext, val_ext, sortby가 매개변수로 오지만 각 확인하는 index값이 다릅니다.2. 작은 순서대로 정렬해야 합니다. ext와 sort_by를 정리해봤습니다.초기에 인덱스 값을 박아버리는 형태로 했는데 여기에서 오류가 난것 같습니다. 그래서 특정값의 인덱스를 알아낼 수 있도록 indexOf함수를 사용하도록 수정했습니다. 오랜만에 자바를 하니까 Comparator라는 것을 완전 잊고 있었네요. Comparator 공부해서 ..

[프로그래머스] [2025 프로그래머스 코드챌린지 2차 예선] 서버 증설 횟수(Java)

https://school.programmers.co.kr/learn/courses/30/lessons/389479 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 풀이1. 증설되어야 하는 서버의 개수를 주기적으로 확인해줘야합니다.2. 반납 시간(k) 주의 해줘야합니다. 사용자 수 가 m보다 작으면 증설할 필요가 없지만, m보다 크면 몇개가 필요한지 계산해야합니다.계산 과정을 사용자수 / m으로 하구 Queue에는 반납해야하는 시간을 add나 offer을 해줍니다.그리고 for문을 돌릴때마다 queue에 들어 있는 서버의 반납시간을 확인하고 넘어가줘야합니다.   초기 코드(오류 많음 - Queue사용 X..

[프로그래머스] [2025 프로그래머스 코드챌린지 2차 예선] 유연근무제(Java)

https://school.programmers.co.kr/learn/courses/30/lessons/388351 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr  확인 내용1. 시간을 계산하는 프로세스 확인2. 주말인 index는 무시해야합니다. 시간을 계산하는 프로세스현재 시간이 14:02라면 1402로 계산됩니다. 출근 인정 시간은 +10분이기 때문에 14:12분, 1412까지 가능합니다.하지만 만약, 14:50이거나 14:58분이라면 출근 인정시간은 1500, 1508이어야 합니다. 59이하만 가능하다는 것입니다. 게산하게 되면 출근 시간(4자리수 ex)1402)은 100으로 나눈 나머지 값이 ..

[프로그래머스] [2025 프로그래머스 코드챌린지 2차 예선] 택배 상자 꺼내기(Java)

https://school.programmers.co.kr/learn/courses/30/lessons/389478 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 상자를 쌓는 방법은 너비에서 오른쪽 위, 왼쪽 위로 지그재그방향으로 상자를 쌓습니다.위 사진에서 찾으려는 상자와 상자 위에 있는 상자들의 개수를 return  확인 내용더보기// 초기에 생각한 방법(실패)// 찾는 상자의 위치 (x,y)// x는 w보다 작음, y는 n/w의 값보다 같거나 작음        // num을 w로 나누었을 때 // 몫이 홀수인 경우, 나머지 값은 w의 뒤에서 -// 짝수인 경우, 나머지 값은 w의 앞에서 +// 같..

[Expo] EAS로 Expo 프로젝트 빌드하기 안드로이드 배포파일 만들기 (apk파일) (feat.오류)

안녕하세요 오늘은 저번 포스팅에 이어서 EAS로 Expo 프로젝트를 빌드하는 과정에 대해 알아보려고 합니다!창업팀에서 개발을 빨리 해야해서 Expo 프로젝트를 사용하고 빌드 및 배포까지 했어야 했어요.. android는 APK, ios는 testflight로 해야했습니다. EAS로 Expo 프로젝트를 빌드하는걸 하면서 gpt로 했다가 아주 혼났답니다.. 꼭 꼭 expo 문서를 확인하는게 제일 좋습니다!! EAS란?EAS(Expo Application Services)는 Expo 팀이 만든 Expo 및 React Native 앱을 위한 긴밀하게 통합된 클라우드 서비스 입니다.이전에 Expo에 대해서 정리한 내용이 있는데 확인 부탁 드립니다!https://gamza1013.tistory.com/133 [Ex..

[Expo] Expo 앱과 구성 파일, 개발주기에 대하여, EAS(Expo Application Services)란?

오랜만입니다!정말 오랜만에 글을 쓰는 것 같네요! 사실 12월 중순부터 창업팀에 들어가게 되서 많이 바빴습니다.작은 규모의 창업팀에서 기획 단계부터 시작해서 고도화를 했습니다! 원래는 더 빨리 끝낼 수 있어야 하는데 개발과 빌드, 배포까지 하려다 보니 많이 늦어졌더라구요.. 그래서 다시 블로그로 정리를 시작하려고 합니다. 진행했던 프로젝트는 1차 MVP 개발이 끝나구 짧은 테스트 기간을 가졌고 이제 정부지원사업에 제출할 문서들을 정리중입니다.문서같은 것은 기획/경영 해주시는 분들이 계셔서 며칠 밤새시면서 작업하실것 같네요.. 저는 글솜씨가 없어서 그런거 잘 적으시는 분들이 참 존경스럽습니다! 블로그라도 작성하면서 글솜씨 향상 목표 겸 기록용 해야죠..! 오늘은 Expo로 프로젝트를 진행했는데 구현했던 것..

[Node] node.js로 로그인, 회원가입 구현하기 Sign-Up, Sign-In API(MVC 패턴)

프로젝트에서 가장 처음에 구현하는 기능 중 하나는 로그인과 회원가입입니다. 저도 마찬가지로 이 기능을 구현함으로서 전체 프로젝트의 API와 데이터 전송 스타일 등 API 호출할때의 틀을 먼저 잡는 것 같습니다. 그래서 오늘은 간단하게 구현했던 로그인, 회원가입 API를 기록해보도록 하겠습니다.  저는 Node.js로 사용하는게 처음이라서 기본적인 API를 구현하려고 합니다. 그래서 MVC 패턴을 사용해서 기능을 구현하려고 합니다. 이전에 포스팅했던 node.js 폴더구조과 동일하게 구현해보겠습니다.https://gamza1013.tistory.com/130 [Node] Node.js 백엔드 폴더 구조진행 중인 프로젝트가 Node.js로 백엔드 API를 만들고 있습니다. 현재 프로젝트에서는 기본적인 Res..

[Node.js] Node와 Mysql 연동하기 쿼리문 사용법, node.js, 데이터베이스 연동(Mysql)

프로젝트에서 사용하는 DB는 Mysql을 사용하게 되었습니다. 흔히 프로젝트에서 DB와 연동하는 일은 한번쯤은 꼭 있습니다. 그래서 오늘은  기록용 겸 포스팅 겸 해서 올려보겠습니다.  저는 .env 환경변수 저장하는 파일 생성해서 DB에 접속하는 코드를 작성하도록 하겠습니다.  1. npm install mysql2npm install mysql2Node.js에서 MySQL 데이터베이스와 상호작용하기 위한 패키지입니다.mysql과 mysql2 가 있는데 mysql2이 계속 버전업 되고 있는 패키지입니다.(mysql2를 사용했습니다)   2. DB 연동하는 파일const mysql = require('mysql2/promise');console.log('db.js, ', process.env.DB..

[Node] Node.js 백엔드 폴더 구조

진행 중인 프로젝트가 Node.js로 백엔드 API를 만들고 있습니다. 현재 프로젝트에서는 기본적인 RestAPI와 소켓통신도 해야하고 약 3가지 정도의 Open API를 사용할 예정입니다. 백엔드 개발은 자바로 해봤긴 했는데 자세하게 알고 있는 것은 아니기 때문에 자주 접하려고 합니다! 그래서 오늘은 프로젝트를 진행할 때 기본적으로 알아야 하는 백엔드 폴더 구조에 대해서 알아보겠습니다. 폴더구조를 알아보면서 바로 프로젝트에 적용해보도록 하겠습니다. Node.js 백엔드 API 폴더 구조(feat.챗GPT)project-root/│├── src/ # 소스 코드 폴더│ ├── controllers/ # 라우트 핸들러 로직 (비즈니스 로직)│ │ ..