분류 전체보기

오늘의 알고리즘으로 풀어본 문제!문제 풀이를 위한 생각1. 많은 부서의 물품 구매하려면? -> 신청한 금액이 적은 부서부터 처리2. 신청 금액 별로 정렬하려면? -> sort() 사용(오름차순) -> 시간 복잡도 n log(n)3. 예산에서 정렬된 부서별 신청 금액을 순차적으로 삭감   3-1. 예산이 소진된다면 순회 끝내기 문제 풀이처음 생각한 대로 코드로 작성하니 정상적으로 잘 작동하였다. for문을 쓸지 다른 내장함수를 사용할지 고민했는데, 3-1 예산이 소진될 경우 순회를 끝내기 위한 로직을 넣기 위해선 for문이 좀 더 효과적이라 생각하여 사용하였다.

이번주는 타입스크립트에 익숙해지는 시간인데, 하도 예전 프로젝트에서 타입스크립트 때문에 골머리를 앓았던 기억이 있어 더 열심히 살아야 하는 한 주가 될 것 같다.구현 자체는 간단해보이나, api를 타입스크립트를 적용해 가져오는 걸 연습해 보라고 하시는 건지 api 개수가 많다... 그런데 api에 필요한 값만 타입을 지정하면 될 것 같은데, 모두 한 번 연습차 써봐야 하나 고민 중이다.

2024.06.17~21, 5일 동안 진행된 아웃소싱 프로젝트프로젝트 주요 내용: https://github.com/hyeonseok98/3-feet 상세 페이지를 맡으며팀원들끼리 기능 역할분담을 하며 상세 페이지를 맡았을 때는 그렇게 어려운 작업 없어 보여서 '금방 끝나겠네'라는 생각을 조금 했었다. 하지만 디테일을 하나 둘 챙기다 보니 결코 작업량이 적지 않았다. 이렇게까지 디테일적인 부분을 많이 챙겨본 것은 처음이지만 확실히 꼼꼼할수록 사용자의 편의성이 크게 향상되는 것 같았다. 디테일 1. 상세페이지를 모달로?말 그대로 상세 '페이지', 어제자 TIL에 썼듯 지도 api와 숙소/맛집 api를 활용하는 페이지에서 사용자는 여러 숙소나 맛집 정보를 빠르게 확인하고 싶을 텐데 매번 페이지를 이동하게 되..

Query String구상한 와이어프레임을 보면 MAP 페이지에는 지도 api와 숙박/맛집 정보를 가져오는 api까지 사용하여 서버와 통신할 일이 많은 작업이 포함되어 있어, 디테일 페이지로 이동하고 다시 돌아오면 괜한 로딩시간만 더 생기지 않을까 생각하였다. 때문에 디테일 페이지를 모달 형태로 띄워 뒤에 지도나 숙박/맛집 정보는 리렌더링 되지 않도록 하는 방법을 선택하였다.다만 이럴 경우 모달을 띄운 상태로 새로고침을 하게 되면 모달 창이 유지되지 않기에 튜터님의 도움을 받아 query string을 이용해 주소값을 부여하였다.

공통 컴포넌트 BigModal, Modal 제작공통 컴포넌트를 만드는 도중 크기와 용도가 다른 모달을 하나로 합쳐야 하나 아니면 분리를 해야 하나 고민이 많았다. 괜히 하나의 주제로 여러 개를 만들면 괜한 리소스가 낭비되는 게 아닌가 싶었기 때문인데, 많은 구글링 끝에 이 글을 보고 분리하기로 결정했다.더 가치 있는 공통 컴포넌트 만들기: KAKAO 기술 블로그URL: https://fe-developers.kakaoent.com/2024/240116-common-component/'공통'이라는 말의 선입견 때문에 반드시 하나를 재사용성 높게 구현해야 한다고 생각했는데, 오히려 그 생각이 독이 된 케이스였다. 해당 공통 컴포넌트에서 지향하는 방향과 확장성에 대해 더 고민해 볼 수 있던 기회였고, 결과적으..

자바스크립트 딥다이브를 공부하며 공부하는 내용이 지난 알고리즘 심화반에서 한 내용과 연관 지어 기록해 두기 ※ 배열여러 개의 값을 순차적으로 나열한 자료 구조요소(element): 배열이 가지고 있는 값으로, 자바스크립트의 모든 값은 배열의 요소가 될 수 있음인덱스(index): 요소가 배열에서 자신의 위치를 나타내는 0 이상의 정수로, 배열의 요소에 접근할 때 사용 ※ 일반적인 자료구조 배열밀집 배열자료구조에서 말하는 배열은 동일한 크기의 메모리 공간이 빈틈없이 연속적으로 나열된 자료구조 ※ 자바스크립트의 배열희소 배열배열의 요소가 연속적으로 이어져 있지 않는 배열 배열의 요소를 위한 각각의 메모리 공간은 동일한 크기를 갖지 않아도 되며, 연속적으로 이어져 있지 않을 수도 있음 따라서 엄밀히 일반적인 ..

아웃소싱 프로젝트는 특정 업무나 프로젝트를 회사 내부의 팀이 아닌 외부의 전문 회사나 프리랜서에게 의뢰하여 수행하는 것을 의미하는 것으로, 외주를 할 때 많이 사용하는 api를 사용해 보는 의미를 가진다고 한다. 1. 어떤 주제를 선택할까?필수 구현 사항 중에 지도 api, 유튜브 api, 설문조사 중 하나의 주제를 정해서 팀 프로젝트를 진행하는 한 주. 유튜브 api는 무언가 youtube의 일부 기능 구현의 느낌이고, 기획 당시 설문조사는 자유도가 조금 낮아 보여서 다방면에서 사용될 수 있는 지도 api를 선택했다.  2. 어떤 api를 사용할까?필수 구현 사항에 지도 api가 있다는 걸 보자마자 이전에 참여하려고 준비했었던 '2024 관광데이터 활용 공모전'이 떠올랐다. 공모전에 권장되는 Tour-..

주말 동안 내배캠 챌린지 반 녹화된 강의를 모두 돌려보면서 복습 한 번 진행하고, 과연 테스트 코드가 무엇일지 궁금해서 조금이나마 도전해 보았다. Q. 테스트는 QA팀이 있잖아!보통 소프트웨어를 검증하는 QA(Quality Assurance) 팀이라는 테스트 하는 조직이 있지만, 점차 공부해 나가면서 프론트엔드단에서 테스트라는 용어가 많이 들려서 과연 프론트엔드가 어떤 테스트를 진행하는지 궁금해져서 주말에 시간을 내 보았다.단위 테스트: 상호작용 하지 않는 독립적인 함수, 모듈, 클래스를 테스트통합 테스트: 묶었을 때 상호작용 테스트(모듈들, 클래스들)E2E 테스트(end-to-end): UI 테스트, 사용자 테스트단위 테스트 → E2E 테스트로 갈수록 cost가 비싸지고, 작성하기 까다로워짐 / 테스트..