전체 글 11

[우아한테크코스 레벨4] 코딩해듀오 사용자 피드백 행사 회고

코딩해듀오는 개발자들이 더욱 효율적으로 페어 프로그래밍을 진행할 수 있도록 돕는 서비스이다. https://github.com/woowacourse-teams/2024-coduo GitHub - woowacourse-teams/2024-coduo: 함께 하면 좋은 코딩, 코딩해듀오 💞함께 하면 좋은 코딩, 코딩해듀오 💞. Contribute to woowacourse-teams/2024-coduo development by creating an account on GitHub.github.com 여기서 우리가 페르소나로 생각했던 개발자는 페어 프로그래밍에 경험이 없으나, 페어 프로그래밍이라는 개발 방법에 관심이 생겨 한번 제대로 체험해 보고 싶은 개발자이다. 나를 포함한 팀원들 대부분이 우아한테크코스..

[프로그래머스] 숫자의 표현

문제Finn은 요즘 수학공부에 빠져 있습니다. 수학 공부를 하던 Finn은 자연수 n을 연속한 자연수들로 표현하는 방법이 여러 개라는 사실을 알게 되었습니다. 예를 들어 15는 다음과 같이 4가지로 표현할 수 있습니다.1 + 2 + 3 + 4 + 5 = 154 + 5 + 6 = 157 + 8 = 1515 = 15자연수 n이 매개변수로 주어질 때, 연속된 자연수들로 n을 표현하는 방법의 수를 return하는 solution를 완성해 주세요. 제한사항n은 10,000 이하의 자연수입니다.function solution(n) { let answer = 1; for (let i = 1; i  처음에는 복잡한 문제인 줄 알았으나 다소 간단한 방식으로 풀이할 수 있다는 걸 깨달았다. 해당 문제는 ..

[프로그래머스] 올바른 괄호

문제괄호가 바르게 짝지어졌다는 것은 '(' 문자로 열렸으면 반드시 짝지어서 ')' 문자로 닫혀야 한다는 뜻입니다. 예를 들어,"()()" 또는 "(())()" 는 올바른 괄호입니다.")()(" 또는 "(()(" 는 올바르지 않은 괄호입니다.'(' 또는 ')' 로만 이루어진 문자열 s가 주어졌을 때, 문자열 s가 올바른 괄호이면 true를 return 하고, 올바르지 않은 괄호이면 false를 return 하는 solution 함수를 완성해 주세요. 제한사항문자열 s의 길이 : 100,000 이하의 자연수문자열 s는 '(' 또는 ')' 로만 이루어져 있습니다.function solution(s){ let isOpen = 0; for (const el of s) { if (el ===..

[우아한테크코스 레벨4] 9월 2주차 회고

마지막 회고를 6월에 쓰고 9월에 다음 회고를 쓰는 사람이 있다?   레벨4 시작9월에 접어들면서 본격적으로 우아한테크코스 레벨4가 시작되었다. 벌써 레벨4라니 누군가 시간을 두 배속으로 돌려 버린 게 아닌가 싶다. 특히 내 체감상 레벨3는 단어 그대로 순삭이었는데, 물론 프로젝트가 진행되면서 할 일이 늘어났기 때문이기도 하지만 프로젝트의 방향성이 여러 번 엎어지다 보니 실질적으로 남은 부분이 많지 않아서 더욱 그렇게 느껴지는 것 같다. 임시 저장란에 고이 잠든 데모데이 회고 글이 과연 언제쯤 빛을 볼 수 있을지... 성능 오답노트레벨4의 첫 번째 미션이었던 프론트엔드 성능 개선 미션을 끝마쳤다. https://github.com/woowacourse/perf-basecamp/pull/139 [개인 미션..

[우아한테크코스 6기] 최종 코딩 테스트 회고

해당 글은 우아한테크코스 레벨1 과정을 진행하던 3월 중에 적어 두었기 때문에, 현재와 시간선이 맞지 않는 표현이 다소 있음을 미리 알려드립니다. 뒷북도 이만한 뒷북이 없는 최종 코딩 테스트 회고 💧 이제는 시간이 많이 흘러서 당시의 기억이 선명하지 않지만, 하루라도 빨리 남겨 두는 게 맞겠다 싶어서 지금에라도 회고를 작성한다.🗓️ 최종 코딩 테스트 일정1️⃣ 1차 합격자 발표 - 2023년 12월 11일(월) 오후 3시, 개별 E-mail 통보2️⃣ 최종 코딩 테스트 - 2023년 12월 16일(토)3️⃣ 최종 합격자 발표 - 2023년 12월 27일(수) 오후 3시, 개별 E-mail 통보 1차 합격자 발표, 12월 11일. 그리고 최종 코딩 테스트, 12월 16일. 1차 합격자 발표 이후 최종 ..

[우아한테크코스 6기] 프론트엔드 최종 합격 후기

우아한테크코스 6기에 최종 합격하였다!그동안 메일을 기다리면서 코딩 테스트 당시를 후회하기도 하고 꽤나 마음을 졸였는데 (우스갯소리로 배달의 민족 어플만 봐도 심장이 아프다는 말을 하고 다녔다……) 좋은 결과가 있어서 다행이다.비록 내가 준비한 방법이 정답은 아니겠지만, 그래도 우아한테크코스를 준비하는 사람들, 그리고 미래의 나에게도 어느 정도 도움이 될 수 있지 않을까 싶어 회고를 작성한다. 우아한테크코스 6기 선발 일정은 위와 같다. 보다시피 약 3달 간의 상당한 여정이다. 📝 서류 접수우아한테크코스는 다른 부트캠프에 비해서 작성해야 할 지원서의 양이 꽤 되는 편이다. 따로 1차 코딩 테스트가 없어서 그런지 예사 지원서 질문들과 상당히 결이 달랐다.특히, 독특했던 건 '몰입'이라는 키워드를 강조한다..

[나의 오류 일지] styled-components 글자 깜빡임 현상 (FOUT)

styled-components 라이브러리를 사용하던 중 리렌더링이 될 때마다 글자가 깜빡이는 현상이 발생하였다. 처음에는 다운로드 받은 폰트 파일이 잘못되어 발생하는 오류인 줄 알았는데 이와 같은 걸 FOUT(Flash Of Unstyled Font) 현상이라고 한단다!FOUT 현상이 발생하는 궁극적인 이유는 styled-components 설정 때문이다. styled-components는 새로운 스타일을 렌더링해야 할 때 안의 태그를 변경한다. 다시 말하면, 스타일이 변경될 때마다 폰트를 다시 요청한다는 것이다. @font-face { font-family: 'Pretendard'; src: url('@/assets/fonts/Pretendard-Medium.woff2') format('wof..

[나의 오류 일지] MIME type ('text/html') is not executable

React Router에서 Path Parameter로 동적 라우팅을 처리하면 계속 다음과 같은 에러가 발생하며 페이지가 제대로 표시되지 않았다.Refused to execute script from 'http://localhost:3000/path/main.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled. 어디선가 경로 설정을 잘못해서 생긴 문제라는 건 직감할 수 있었지만, 서치를 해도 너무 다양한 상황이 존재해 정확한 해결 방법을 파악하기 어려웠다.output: { publicPath: '/', ...} 나의 경우 webpack.config.js에 publicPath를..

[나의 오류 일지] Typescript emitted no output

Webpack으로 React 개발 환경을 구축하고 타입스크립트를 설정하는 과정에서 다음과 같은 에러가 발생했다.Typescript emitted no output 도무지 무슨 에러인지 감도 안 잡혔는데, 관련된 깃허브 이슈를 보고 실마리를 얻을 수 있었다. https://github.com/TypeStrong/ts-loader/issues/1602 ts-loader doesn't work when ts-config noEmit is set to true · Issue #1602 · TypeStrong/ts-loaderTypeScript: v5.0.2 Webpack: v5.76.3 Expected Behaviour When bundling a ESM module with noEmit, Webpack is ..

[나의 오류 일지] __dirname is not defined

Webpack으로 React 개발 환경을 구축하면서 다음과 같은 에러를 맞닥뜨리게 되었다.ReferenceError: __dirname is not defined 해당 문제는 package.json에 type: "module" 설정을 추가하여 CommonJS 모듈이 아닌 ES6 모듈을 사용하게 되는 경우 발생한다.ES6 모듈에는 __dirname 변수가 존재하지 않기 때문에 별도로 정의가 필요하다.import path from 'path';import { fileURLToPath } from 'url';const __dirname = path.dirname(fileURLToPath(import.meta.url)); 위와 같이 정의하고 __dirname 변수를 사용하면 정상적으로 경로를 불러오는 것을 확인..