분류 전체보기(71)
-
[백준 / BOJ] 24060번 알고리즘 수업 - 병합 정렬 1 (Javascript / Node js)
https://www.acmicpc.net/problem/24060 24060번: 알고리즘 수업 - 병합 정렬 1 첫째 줄에 배열 A의 크기 N(5 ≤ N ≤ 500,000), 저장 횟수 K(1 ≤ K ≤ 108)가 주어진다. 다음 줄에 서로 다른 배열 A의 원소 A1, A2, ..., AN이 주어진다. (1 ≤ Ai ≤ 109) www.acmicpc.net merge_sort(A[p..r]) { # A[p..r]을 오름차순 정렬한다. if (p < r) then { q
2023.11.21 -
[GradeCalculator] TextField 컴포넌트의 error 속성 활용하기 (React js, Material UI)
현재 상황 위 화면은 현재까지 내가 구현한 학점 계산기 웹이다. 계산기의 과목명, 학점, 출석점수 등 모든 입력들은 Material UI의 TextField 컴포넌트를 사용하고 있다. 현재 계산기에는 학점을 정상적으로 계산하기 위해서 입력값에 대한 몇가지 유효 조건들이 존재한다. (과목명 중복 불가, 학점의 최소, 최대 점수 등) 그리고 위 유효성들에 대한 검사 로직은 이미 구현 되어있고, 저장 버튼을 눌렀을 때 유효 조건을 만족하지 않으면 예외처리 후 Alert를 띄우고 문제의 TextField로 focus하는 것까지 마친 상태이다. 목표 이번 포스팅에서 구현하고자 하는 것은 저장 버튼을 누르기 전에도 사용자가 잘못된 값을 입력했다는 것을 인지할 수 있도록 TextField의 error 속성을 이용하여..
2023.11.21 -
프론트엔드 개발자가 되고 싶다. Day + 120
최근 근황 길고 짧았던 우아한 테크 코스의 마지막 프리코스 미션이 엊그제로 끝이 났다. 프리코스를 진행하는 동안은 학교 프로젝트도 백준도 뒷전이고 하루종일 미션에만 신경 썼던 것 같다. 원래 아직 내가 도전하기에는 많이 모자라다고 생각해서 참가할지 말지에 대해 고민했었는데, 프리코스 미션들을 진행하며 정말 도전해보길 잘했다고 생각했다. 결과는 아직 나오지 않았지만, 프리코스 자체만으로도 너무 많은 인사이트와 지식들을 얻을 수 있었다. '백준 문제 매일 풀기'도 다행히 단계별로 풀기에서 비교적 쉬운 부분들이어서 매일 하루에 30분정도 금방 투자해서 풀 수 있었다. 그런데 마지막 미션을 수행하던 기간 중 120을 향해 달려가던 스트릭이 끊어지고 말았다. 안그래도 멀티태스킹 능력이 현저히 떨어지던 내가 ..
2023.11.17 -
[Front-End] 우테코 프리코스 4주차 회고 (크리스마스 프로모션)
이번 4주차 미션은 여태까지의 프리코스에서 나왔던 다리 건너기가 아닌 새로운 문제가 나왔다. 그리고 저장소는 비공개로 생성해야 된다는 제출 방식과 관련된 규정도 추가됐다. 아마도 폭발적으로 증가한 지원자 수를 의식한 것이 아닐까 생각했다. (웹 프론트엔드 첫번째 미션 fork수만 950,,ㅜㅜ) 1. MVC 패턴 적용 지난 3주차에서 클린 아키텍처를 구현하는 것에 어려움을 느꼈었다. 그래서 이번 4주차 미션에서는 디자인 패턴을 적용하여 깔끔하고 이해하기 쉬운 구조를 설계하고자 MVC 패턴에 대해서 공부했다. MVC 패턴에 대해 학습하고 미션에서 적용해본 것이 이번 미션 얻은 가장 큰 경험인 것 같다. 3주차 미션 폴더 구조 src ┣ Constants ┃ ┣ InputConstants.js ┃ ┣ Lot..
2023.11.16 -
[Front-End] 우테코 프리코스 3주차 회고 (로또 게임)
지난주 미션을 받고 첫 날은 Eslint를 설정하는 법을 배우고 설정하기 바빴고, 둘째날은 하루종일 기능목록만 작성했다. 그리고 남은 토,일,월에 구현하고, 화요일에 리팩토링,테스트 코드 작성, 그리고 수요일에 마지막 12시까지 소감문을 작성하다가 제출했다. 그 뒤 오늘 아침 수업을 다녀온 뒤 한숨 푹 자고 일어나니 마지막 미션이 시작됐다. 이제 4주차 미션을 시작하기에 앞서 3주차 미션을 돌아보고, 시작하려 한다. 3주차 미션을 진행하며 신경썼던 부분들 기능 목록 퀄리티 높이기 기능 요구 사항에 명시되지 않은 부분에 대해서도 고민해보기 Eslint, Prettier 사용하기 클린 아키텍쳐 1. 기능 목록 퀄리티 높이기 2주차 미션때도 1주차에 비하면 기능 목록 퀄리티가 많이 향상 됐었지만, 3주차 미션..
2023.11.09 -
[GitHub] 커밋 메시지 수정하기, 커밋 메시지 컨벤션
서론 2주차 프리코스를 진행하며 커밋 메시지에 관한 요구사항이 추가 되었었다. 그런데 그 사실을 모르고 이미 커밋을 수차례 해버린 탓에 커밋 메시지를 수정하는 법을 배워봤다. 아래 방법을 통해 커밋을 커밋을 취소하고 다시할 필요없이 커밋 메시지만 직접적으로 수정할 수 있다. 지금부터 커밋 메시지를 수정하는 법과 AngularJS 의 Git Commit Message Conventions을 간단히 알아보자. 커밋 메시지 수정하는 법 위는 수정하기 전 내가 작성했던 커밋 메시지이다. 내용은 없고 제목만 있는 이유는,, 나는 제목과 본문을 따로 쓸 수 있는지도 몰랐다. 많이 쑥쓰럽다 그래서 VSCode 에서 커밋 메시지를 작성할 때 내가 제목만 작성하고 있는지도 모르고 제목 글자 수 제한 때문에 커밋 메시지에..
2023.11.05