hyesungoh

Learning every moment

프로그래머스-위장 - Javascript

옷 이름, 옷 카테고리로 이루어진 배열이 주어지며 최소한 한 개의 옷을 입어야할 때 입을 수 있는 다른 옷의 조합의 수를 반환하는 문제. Object를 이용해 해당 카테고리에 존재하는 수를 계산한 후 약수의 수를 계산하여 풀었다.

[WAVY] 4. 겪었던 이슈들

wavy_full_logo 지난 회고에서는 개발 스택을 어떻게 구성할 지, 기억에 남는 구현은 무엇인지를 회고하였습니다. 이번 회차에서는 프로젝트를 진행하며 겪었던 이슈들과 해결 방법, 더욱 좋은 방법은 있었는 지 회고해보도록 하겠습니다. 학습용 동영상에 대한 저작권 저희 팀은 사용자들이 선택하여 따라출 동영상을 저희는 “학습용 동영상”으로 명칭을 통일하…

[WAVY] 3. 나는 어떻게 만들까?

wavy_full_logo 지난 회고에서는 어떻게 협업할 것인지에 대해 기술하였습니다. 이번에는 웹 프론트엔드 개발을 혼자 담당한 제가 개발적으로 어떻게 접근하였는 지 기술해보겠습니다. React, not Next.js 다양한 서비스에서 SSR을 통한 SEO, 지원되는 기능(image optimization, router)등을 이유로 Next.js 프레임…

[WAVY] 2. 우리는 어떻게 만들까?

wavy_full_logo 지난 회고에서 무엇을 만들지에 대해 어떻게 정하게 되었으며, 기술과 환경적인 검증을 위해 프로토타이핑을 하여 세부적인 기획을 할 수 있었다는 것을 기술하였습니다. 이번 회고에서는 어떻게 팀원들과 의사소통을 하며 프로젝트를 진행하였는 지 기술해보겠습니다. 협업 도구 의사소통을 위한 도구를 선정하는 기준은 팀원 모두 손쉽게 사용할 …

[WAVY] 1. 무슨 서비스를 만들까?

wavy_full_logo 소프트웨어 마에스트로 과정은 최대 3인이 한 팀으로 약 6개월간 서비스를 제작하게 됩니다. 저희 팀은 3인 팀으로써, 다른 팀에 비해 비교적 늦게 팀이 결성되었고 이에 따라 서비스 기획에 상당한 시간이 소모되었습니다. 기획에 앞서서 저희 팀은 소프트웨어 마에스트로 과정에서 어떤 결과를 얻고 싶은 지 먼저 의논한 후에 해당 목표에…

[WAVY] 0. Intro

wavy_full_logo 소프트웨어 마에스트로 12기 과정에서 인공지능 기반의 맞춤형 K-POP 댄스 코칭 서비스, 를 개발하게 되었습니다. Wavy의 기획부터 어떻게 개발하였는 지, 어떤 이슈를 겪었는 지 회고와 공유를 목적으로 게시해봅니다. 1. 무슨 서비스를 만들까? 서비스를 기획하게 된 배경과 함께 초기 접근을 소개합니다. 2. 우리는 어떻게 만…

리액트에서 여러 개 한 번에 import하기 with TypeScript

리액트 환경에서 프로젝트를 진행하며 특정 디렉토리에 상당히 많은 파일 (ex 이미지)을 해야 하는 상황이 있었습니다. 1차원적 접근 1차원적으로 해당 파일이 존재하는 디렉토리에 를 생성 후 위와 같이 작성할 수 있을 것 같습니다. import해야하는 파일의 수가 엄청 많지 않은 환경에서는 충분히 사용할 만한 방법이라고 생각되지만, 제 환경은 최소 300장…

프로그래머스-두-개-뽑아서-더하기 - Javascript

정수로 이루어진 배열에서 두 개를 뽑아서 더했을 때 나올 수 있는 수를 정렬하여 반환하는 문제. 중복 제거를 위해 Set 자료형을 이용하여 풀었다.

프로그래머스-레벨2-소수-찾기 - Javascript

“17”과 같은 문자열 정수가 주어진 후 해당 수를 조합하여 나온 수 중에서 소수가 몇 개인지 반환하는 문제. 해당 수를 조합해서 나올 수 있는 수를 계산하기 위해 백트래킹 알고리즘을 이용하였고, 조합해서 나온 수 중 가장 큰 수까지 에라토스테네스의 체 방법을 이용해 소수판별 배열을 만들어 계산하여 풀었다.

프로그래머스-멀쩡한-사각형 - Javascript

w, h의 가로 세로길이의 직사각형이 있을 때 대각선으로 자른 후, 멀쩡한 사각형의 개수를 반환하는 문제. 대각선으로 그었을 때 잘라지는 사각형의 수를 구하는 공식인 를 이용하여 풀었다.