전체 글 37

2023 정보처리기사 실기 합격 후기 (feat. 전공자 기준)

3월에 정보처리기사 필기시험을 보고 합격한 뒤, 4월 23일에 바로 동회차 실기 시험을 봤다. 아무래도 이력서 쓸 때 한 줄이라도 더 작성하고자 하는 마음에 빨리 신청한 거긴 한데.. 이때 하필 다른 기업 전형이 진행 중이라는 핑계가 생겨서 공부는 며칠 안 했다. (ㅎㅎㅎ) 심지어 필기 때 자리가 넉넉했던 것만 생각하고 실기 시험 접수일 2~3시 정도에 들어갔더니 가까운 곳은 이미 다 나가버린 상황이었다. 정말 막막했는데 한 30분 정도 새로고침 하다보니 차 타고 20분 정도면 갈 수 있는 시험장을 잡을 수 있었다! 여담이지만 강의 듣고 있는 친구도 나랑 똑같이 취켓팅해야 했는데, 내가 대신 잡아줬다. 실기 접수할 때는 반드시 ... 접수일 오픈시간에 딱! 맞춰 들어가길 바란다. 그나마 필기는 책은 구매..

✏️ 기록 2023.06.13

[프로그래머스] 추억 점수 (Javascript)

https://school.programmers.co.kr/learn/challenges?order=recent&statuses=unsolved&levels=1&languages=javascript 코딩테스트 연습 | 프로그래머스 스쿨 개발자 취업의 필수 관문 코딩테스트를 철저하게 연습하고 대비할 수 있는 문제를 총망라! 프로그래머스에서 선발한 문제로 유형을 파악하고 실력을 업그레이드해 보세요! school.programmers.co.kr 프로그래머스 코딩테스트 연습에서 확인할 수 있는 추억 점수 문제입니다. 지난 달리기 경주에서 새로 배운 hash를 다시 사용하여 포스팅합니다! 문제 사진들을 보며 추억에 젖어 있던 루는 사진별로 추억 점수를 매길려고 합니다. 사진 속에 나오는 인물의 그리움 점수를 모두..

[프로그래머스] 달리기 경주 (Javascript)

https://school.programmers.co.kr/learn/courses/30/lessons/178871?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 프로그래머스 코딩테스트 연습에서 확인할 수 있는 달리기 경주 문제입니다. 난이도는 레벨 1에서도 낮은 편이지만 알고리즘 지식이 바닥에 까까웠던 저는 얻은 지식이 있어 기록하고자 작성합니다.💡 문제 얀에서는 매년 달리기 경주가 열립니다. 해설진들은 선수들이 자기 바로 앞의 선수를 추월할 때 추월한 선수의 이름을 부릅니다. 예를 들어 1등부터 3등까지 "mumu"..

[프리온보딩 인턴십-FE] 1주차 회고

첫 주차를 진행하며 정말 다사다난했던 일주일이 지났다.😂 합격을 기뻐할 새도 없이 인턴십이 시작했고 첫 세션인 화요일에 바로 팀원을 배정받았는데 생각보다 많은 수(10명)로 이뤄져 있어서 놀랬다. 아무래도 동료학습이라는 개념이 너무나 생소해서 많은 수의 인원에 걱정부터 들었던 것 같다. 최근 스터디나 커뮤니티 활동없이 취준생활을 지속해서 그런지 새로운 사람을 만나는 것에 대해 두려움이 생겼었다. 그러다 보니 의사소통에 문제가 없다 자부했지만 점점 할 수 있을까?라는 의문이 들던 참이었다. 사람들 앞에 서면 목소리가 벌벌 떨리던 것도 많이 극복했는데 이대로 예전 모습으로 돌아갈 순 없었다! 그래서 처음 디스코드 스레드에서 팀원분들을 만났을 때 정말 큰 용기를 내서 먼저 만남 시간을 가져보자 말을 꺼냈다! ..

원티드 프리온보딩 프론트엔드 인턴십 합격 🎁

https://www.wanted.co.kr/events/pre_ob_fe_10 프리온보딩 프론트엔드 인턴십 (4월) | 원티드 프리온보딩 인턴십은 동료들과 함께 다양한 기업의 기술과제를 수행하는 교육형 인턴십 프로젝트입니다. 취업(이직)을 희망하는 신입/주니어라면 누구나 참여 신청할 수 있습니다. www.wanted.co.kr 지원서를 작성하기 위해 빠짐없이 원티드를 방문하다 프리온보딩을 진행하는 것을 알게 되었다. 교육형 인턴십이라는 말이 얼마나 매력적이었는지, 한치의 고민도 없이 바로 지원을 결정했다! 프리온보딩 지원을 위해서는 선발과제와 원티드 이력서를 제출해야 했는데, 이력서는 미리 작성해둔게 있어서 선발 과제에만 집중할 수 있었다. 크게 어렵지 않지만 핵심 기능들을 모아 구현하는 과제였는데, ..

2023 정보처리기사 필기 합격 후기 (feat. 전공자 기준)

시작하기에 앞서 2월에 졸업을 하고 겨우 서류가 붙어 첫 면접 준비를 하는데 정말 부족한 점이 많다고 느꼈어요. 물론 프론트엔드 관련 지식을 공부하며 느낀 생각이긴 하지만 전공자다 보니 CS 지식도 빠짐없이 복습해야 한다는 생각이 컸습니다. 불합격 메일을 수없이 받으며 포트폴리오와 경험이 너무 부족하다 생각해서 그런지 이거 공부할 시간에 포트폴리오에 넣을 프로젝트나 하나 더 할까..? 하는 생각이 수도 없이 들었습니다. 그렇지만 최근들어 포폴용 프로젝트를 하며 취업에 대한 고민과 우울에 빠져 있는 시간이 많은데 이런 기분을 느낄 새에 기분전환(?) 겸으로 취득하면 어떨까 해서 도전하게 된 정보처리기사였습니다. 😂 그래도 공부하는 내내 4년간 학부에서 배운 내용을 복습하고 심지어 모르는 내용까지 알아갈 수..

✏️ 기록 2023.04.06

[MongoDB: 오류] TypeError: Class constructor ObjectId cannot be invoked without 'new'

newMeetupId 오류 발생 Next.js 강의를 듣던 도중 MongoDB의 컬렉션에서 데이터를 불러오는 과정에서 다음과 같은 오류를 마주했습니다. TypeError: Class constructor ObjectId cannot be invoked without 'new' MongoDB에 데이터를 저장할 때 자체적으로 저장되는 _id 값이 있는데, 이 _id의 타입이 바로 ObjectId입니다. 강의 코드라 자세히 작성할 수는 없지만 findOne() 메소드를 사용해 _id 값으로 필터링한 하나의 문서를 가져오려는 도중 발생했습니다. 즉, string 형식으로 되어 있는 id 값을 담은 변수 testId 가 있을 때 findOne({ _id: ObjectId(testId) }); 위와 같이 코드를 작..

[2023] 프로그래머스 프론트엔드 데브매칭 후기 (과제테스트 합격)

https://career.programmers.co.kr/competitions/3188 2023 Dev-Matching: 웹 프론트엔드 개발자(상반기)-1 career.programmers.co.kr 졸업 후 본격적으로 프론트엔드 개발자로서의 시작을 위해 참여한 데브매칭입니다! 그동안 꾸준히 데브매칭에 참여해보긴 했지만 번번히 학교 시험 핑계로 제대로 준비도 안하고 봤었어요. 결과는 당연히 과제테스트 불합격이었지만 .. 😂 과제테스트 (합격) 프론트엔드 데브매칭의 과제테스트는 Only Javascript로 진행됩니다. 백엔드와는 달리 일반적인 알고리즘이나 SQL문제가 아닌 요구사항에 따른 기능 구현 문제가 나오는데요, 해당 유형의 과제테스트는 프로그래머스에서 연습할 수 있습니다! https://sch..

[React] 이미지 업로드 후 등록 전 미리보기 띄우기

리액트로 혼자 프로젝트를 진행하던 도중 여러 텍스트나 이미지를 등록하는 기능을 만들기 위해 폼을 만들어야 했습니다. 그중 이미지를 등록하는 부분에서 고민이 생겼어요. 아래는 JSX의 일부를 가져온 것인데, 이를 로컬에서 실행해보니, 이미지는 하나만 등록 가능해요. 등록된 이미지는 자동으로 대표사진으로 등록됩니다. :) 위와 같이 파일 선택 버튼이 매우 안예쁘게(...) 출력이 됐습니다. 문제는 이를 바꿀 방법이 딱히 없다는 것이었죠. 업로드 버튼 스타일도 바꾸고 이왕이면 "선택된 파일 없음"이라는 텍스트도 없애버리고 싶었어요. 😂 문제 해결: 을 사용하자!✨ 폼에서 input 태그에 빠짐없이 사용하던 을 사용해보기로 했습니다. 태그를 꾸미고 태그를 숨기는거죠! 이미지는 하나만 등록 가능해요. 파일 업로드..

[React: 오류] Warning: Invalid DOM property `for`. Did you mean `htmlFor`?

오류 발생 리액트로 프로젝트를 개발하던 도중 JSX label을 사용했는데 다음과 같은 오류가 떴습니다. Warning: Invalid DOM property `for`. Did you mean `htmlFor`? 프로그램이 멈출 정도의 오류는 아니었지만 무려 콘솔창에 띄워줄 정도의 에러이니 해결해야 했어요. 물론 친절하게도 해결방법까지 추천을 해주고 있지만, 왜 오류가 떴는지 알고 싶었습니다. 오류 이유 for은 Javascript의 keyword이기 때문에 JSX에서 이를 사용할 수 없습니다. 그렇기 때문에 label에서도 for대신 htmlFor를 사용하기로 결정한 것입니다. 해결방법 label 태그에서 for 대신 htmlFor로 변경하면 됩니다. 참고 https://stackoverflow.co..