목록전체 글 (102)
개발자도전
✔ Ajax를 왜 Axios로 리팩토링 했나? 팜팜 프로젝트 중 코드리뷰를 하면서 Axios의 방법을 알게되었습니다. 그러나 당시에는 어떤 코드인지 정확히 이해가 가지 않았고, 시간에 쫓겨 Axios가 아닌 Ajax 방식으로 코드를 작성했습니다. 요즘은 Axios를 많이 사용한다는 이야기를 들어서 프로젝트가 끝나고 리팩토링을 해보자는 생각이 들었습니다. RESTful API로 수정 후 일부 Ajax 코드를 Axios로 수정해보게 되었습니다. Axios를 왜 많이 사용하나요? 1. HTTP 통신 라이브러리로 간단하고 직관적인 API를 제공 2. 개발자가 JSON 데이터를 파싱하지 않아도 되므로 코드의 가독성과 유지보수성 향상 3. 유연한 비동기 통신 처리가 가능해져 개발자가 더욱 효율적으로 개발 가능 ✔ ..
팜팜 프로젝트 회고 2022.12.12 ~ 2023.01.11. 한 달의 시간 동안 6명의 팀원이 만든 파이널 프로젝트입니다. 소비자와 생산자를 연결하여 더욱 건강하고 신선한 먹거리를 제공 및 농작물을 기르는 데 필요한 정보와 물품 판매와 커뮤니티를 통해 소비자와 생산자가 소통하여 정보를 공유하는 플랫폼을 만들어보자해서 만들게 되었습니다. 팜팜 프로젝트를 진행하면서 좋았던 점, 아쉬웠던 점에 대한 회고입니다. 🌱 한 살 터울 팀의 탄생! 세미 프로젝트가 끝나고 팀원들과 이야기해 파이널 프로젝트도 같이 진행하기로 했습니다. 그러던 중 파이널 프로젝트에서 같이 하고 싶었던 언니들이 있었습니다. 이미 다른 분과 팀을 이룬거 같아서 포기하고 있던 차에 강사님의 ‘OO씨 뺏어와요!’ 라는 말을 듣고 파이널 프로젝..
✔ 문제 파악 기존의 mapping 방식은 GET과 POST 매핑만을 사용해서 작성했었습니다. 그러나 리팩토링에 대해 공부하면서 RESTful API를 알게 되었고 RESTful API로 리팩토링 하였습니다. RESTful API를 사용하는 이유는 가독성 향상, 유지보수 용이, 각 모듈이 독립적으로 작동할 수 있도록 설계할 수 있습니다. RESTful API의 네이밍 규칙을 따라서 리팩토링 해주었습니다. 1. 명사를 사용한다. 2. 소문자를 사용한다. 3. 복수형을 사용한다. 4. 구분자는 -(하이픈)을 사용한다 / _(언더바)와 카멜케이스 허용하지 않는다. 5. url 마지막에 슬래쉬를 포함시키지 않는다. 6. 파일 확장자는 포함하지 않는다. 7. CRUD 함수명을 사용하지 않는다. 8. 필터를 위해 ..
[문제] 정수가 담긴 배열 numbers와 문자열 direction가 매개변수로 주어집니다. 배열 numbers의 원소를 direction방향으로 한 칸씩 회전시킨 배열을 return하도록 solution 함수를 완성해주세요. [입출력 예] numbers direction result [1, 2, 3] "right" [3, 1, 2] [4, 455, 6, 4, -1, 45, 6] "left" [455, 6, 4, -1, 45, 6, 4] 입출력 예 #1 numbers 가 [1, 2, 3]이고 direction이 "right" 이므로 오른쪽으로 한 칸씩 회전시킨 [3, 1, 2]를 return합니다. 입출력 예 #2 numbers 가 [4, 455, 6, 4, -1, 45, 6]이고 direction이 "..
[문제] 머쓱이는 친구들과 동그랗게 서서 공 던지기 게임을 하고 있습니다. 공은 1번부터 던지며 오른쪽으로 한 명을 건너뛰고 그다음 사람에게만 던질 수 있습니다. 친구들의 번호가 들어있는 정수 배열 numbers와 정수 K가 주어질 때, k번째로 공을 던지는 사람의 번호는 무엇인지 return 하도록 solution 함수를 완성해보세요. [입출력 예] numbers k result [1, 2, 3, 4] 2 3 [1, 2, 3, 4, 5, 6] 5 3 [1, 2, 3] 3 2 입출력 예 #1 1번은 첫 번째로 3번에게 공을 던집니다. 3번은 두 번째로 1번에게 공을 던집니다. 입출력 예 #2 1번은 첫 번째로 3번에게 공을 던집니다. 3번은 두 번째로 5번에게 공을 던집니다. 5번은 세 번째로 1번에게 ..
[문제] 정수 배열 num_list와 정수 n이 매개변수로 주어집니다. num_list를 다음 설명과 같이 2차원 배열로 바꿔 return하도록 solution 함수를 완성해주세요. num_list가 [1, 2, 3, 4, 5, 6, 7, 8] 로 길이가 8이고 n이 2이므로 num_list를 2 * 4 배열로 다음과 같이 변경합니다. 2차원으로 바꿀 때에는 num_list의 원소들을 앞에서부터 n개씩 나눠 2차원 배열로 변경합니다. num_list n result [1, 2, 3, 4, 5, 6, 7, 8] 2 [[1, 2], [3, 4], [5, 6], [7, 8]] [입출력 예] num_list n result [1, 2, 3, 4, 5, 6, 7, 8] 2 [[1, 2], [3, 4], [5, 6..