개발자

프론트엔드 개발자 코딩테스트 준비

2022년 08월 18일조회 4,212

프론트엔드 개발자 분들은 이직 준비하실 때 코딩테스트 준비 어떻게 하시나요!? 어떤 언어로, 어떤 식으로 코딩테스트 준비하셨었나요!?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 2

인기 답변

정종윤님의 프로필 사진

❓ 프론트엔드 개발자는 이직할 때 코딩 테스트 준비를 어떻게 해야 할까요? 💡 제 대답을 요약하자면 다음과 같습니다. - 먼저 지원하고자 하는 회사의 코딩 테스트 유형을 확인합니다. - 과제 유형은 내가 작성한 모든 코드, 커밋, 환경 설정에서 질문이 들어올 수 있다는 생각으로 작성합니다. - 알고리즘은 자주 나오는 유형이 있으니 온라인 저지 플랫폼에서 문제를 반복적으로 풀어봅니다. - 언어는 JavaScript도 좋지만 개인적으로는 Python이 더 나았습니다. --- 지원하고 싶은 회사에서 어떤 유형의 코딩 테스트를 요구하는지를 살펴보는 것이 먼저입니다. 제 경험 상 코딩 테스트는 크게 알고리즘과 과제로 구분할 수 있는 것 같습니다. 과제 유형은 실무에 가까운 과제를 제한 시간 내에 풀어 제출하는 문제입니다. 이 경우에는 평소의 업무 경험을 잘 살려 만들되, 내가 작성한 모든 코드에서 질문이 들어올 수 있다는 생각으로 신중히 작성합니다. 코드 외적으로도 커밋 로그나 브랜치 관리, README.md 파일 작성에도 신경을 써줍니다. 요구사항 중에서 애매한 부분이 있다면 넘겨짚지 않고, 질문 메일을 보내서라도 확실히 짚고 넘어갑니다. 만약 시간이 남는다면 간단한 테스트 코드 등을 추가할 수도 있습니다. 알고리즘 유형은 제한 시간 내에 주어진 문제 상황을 해결할 수 있는 코드를 제출하는 것입니다. 다만 신입 채용이 아니라 이직일 경우에는 상대적으로 난이도나 중요도가 크진 않아보였습니다. 저 같은 경우 절반도 못 풀었는데 통과한 경험이 있습니다. 대신 그만큼 이력서와 포트폴리오를 더 많이 보는 듯 합니다. 따라서 알고리즘으로 나오는 문제의 유형은 많이 복잡하지 않습니다. 프론트엔드 쪽에서 개인적으로 추천드리고 싶은 유형은 아래와 같습니다. - 브루트포스, 그리디 - 분할 정복, 재귀 - 자료구조 - 이분 탐색 - 다이나믹 프로그래밍 알고리즘 언어는 사실 크게 상관이 없습니다. 저는 JavaScript와 Python을 둘 다 써봤는데, 둘 중에선 Python이 더 나았습니다. Python이 내장 라이브러리가 잘 되어 있고 문법이 더 간단해서 시간 내에 작성할 수 있는 코드 효율이 더 좋았기 때문입니다. 다만 일부 회사들의 경우에는 언어를 제한하는 곳도 있으니 참고해야 합니다. 알고리즘 문제를 풀 수 있는 플랫폼은 국내/국외에 다양한 온라인 저지 사이트들(백준, 프로그래머스, CodeForce, LeetCode, TestDome, ...)이 있으니 직접 들어가서 몸에 맞는 걸 선택해야 합니다. 만약 경험이 전혀 없으시다면 프로그래머스를 추천드립니다. 국내 사이트이고, 난이도와 유형 별로 구분이 비교적 잘 되어 있기 때문입니다. 알고리즘의 공부 효과를 보려면 다소 시간이 필요합니다. 문제를 풀 수 있는 방식이 여러 개이거나, 회사마다 어떤 문제가 어떻게 나올지 모르기 때문에 유형 별 공부를 반복적으로 해야 하기 때문입니다. 기초가 전혀 없다면 매일 1~2문제씩 푸는 것 기준으로 최소 3개월 이상 걸릴 것이라 예상해봅니다. 저는 코딩 테스트 통과율이 유의미해지기까지 약 6개월 정도가 걸렸습니다. 마침 제가 몇 달 전에 작성해둔 알고리즘 관련 글, 프론트엔드 개발자에게도 알고리즘 공부가 중요할까?(https://wormwlrm.github.io/2022/05/28/Should-a-front-end-developer-learn-the-algorithm.html)가 있으니 한 번 읽어보시는 것을 추천드립니다.

profile picture

익명

작성자

2022년 08월 21일

우와..상세한 답변 감사합니다!!☺️

커리어리 AI 봇님의 프로필 사진

프론트엔드 개발자가 코딩테스트를 준비할 때는 다음과 같은 방법을 추천합니다. 자료구조와 알고리즘 공부하기 코딩테스트에서는 자료구조와 알고리즘을 다루는 문제가 많이 출제됩니다. 따라서 이를 공부하고 실습하는 것이 필수입니다. 이를 위해 JavaScript를 이용한 데이터 구조와 알고리즘을 다루는 책과 강의를 찾아서 학습하시는 것을 추천합니다. 실전 코딩테스트 연습하기 코딩테스트를 연습하는 것이 가장 효과적입니다. LeetCode, HackerRank, Codility 등의 사이트에서 코딩테스트 문제를 풀어보시는 것을 추천합니다. 또한, 실제 기업에서 출제한 코딩테스트 문제들을 모아둔 책도 있으니 참고하시면 좋습니다. 웹 개발 프레임워크와 라이브러리 학습하기 프론트엔드 개발자로서, React, Vue.js 등의 웹 개발 프레임워크와 라이브러리를 다루는 것이 중요합니다. 이를 위해 공식 문서를 참고하거나, 온라인 강의를 듣는 것이 좋습니다. HTML, CSS, JavaScript 학습하기 코딩테스트에서는 프론트엔드 개발자의 기본기인 HTML, CSS, JavaScript를 다루는 문제도 출제됩니다. 따라서 이를 잘 다룰 수 있도록 학습하시는 것이 좋습니다. 추천하는 언어는 JavaScript입니다. JavaScript는 현재 가장 인기 있는 프론트엔드 언어이며, 브라우저에서 실행되는 유일한 언어입니다. 또한, JavaScript를 이용한 Node.js도 서버 측 개발에 많이 사용되므로, 프론트엔드 개발자로서 JavaScript는 반드시 숙지해야 하는 언어입니다.

커리어리 AI 봇의 답변을 평가해 주세요!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

비슷한 질문 5

Q. 코딩테스트 질문드립니다

프로그래머스로 공부하고 있는데요 혹시 몇단계까지 수월하게 풀어야 대기업 코테 뚫을까요?

코테는 문제 운과 컨디션빨이라고 생각합니다! 3 단계 정도까지 푸시면 문제 없지 않을까 싶어요.

이 질문 바로 가기

Q. 코딩테스트 준비

안녕하세요! 현재 북미 지역에서 대학교를 다니며 현지에서 개발자로 일하고 싶은 학생입니다! 지난 주부터 코딩테스트 스터디그룹을 하면서 저의 문제 방식과 코드 작성에 대한 갑작스럽게 고민을 하게 되었습니다! 아무래도 학교에서 computer science 전공 공부를 하니, 알고리즘이나 자료구조 문제를 풀면 딱 학교에서 배웠던 걸 생각하며, 코드를 작성할 때 library (예로들면 python collection) 를 거의 사용하지 않고 scratch부터 작성합니다. 한 마디로 지름길 없이 작성한다는 겁니다. 그런데 같은 로직이어도 저는 기초부터 써서 길게, 다른 멤버들은 라이브러리로 써서 짧게 코드를 작성하는 걸 보면 제가 과연 이 코딩테스트 공부를 잘못하고 있나에 대해서 고민이 듭니다. 이런 문제들을 풀 때에 이해력이 높아야되는 건 이해합니다. 그런데 같은 알고리즘이라도 라이브러리 사용하지 않는다는 점에서 많이 점수가 깎일 수 있는지 등등 현직자분들 중 면접관으로써 일하시는 분들의 의견이 궁금합니다! 감사합니당

코딩 테스트를 위해 준비하고 계시군요! 일단 스터디 그룹에 합류해서 함께 공부하시는 것은 정말 좋은 방법입니다. 혼자서 끙끙대며 공부하는 것보다는 함께 하는 게 더 시너지도 나고 동기 부여가 되더라고요. 질문 주신 부분에 대해서는, 라이브러리를 사용하지 않는다고 점수가 깎인다기보다는 현실적으로 제한 시간 내에 라이브러리를 사용하지 않고 구현하기가 어렵습니다. 해외에서 주로 사용하는 라이브 코딩 테스트의 경우 제한 시간 45분~1시간 이내에 알고리즘 문제를 최소 1개에서 follow up 문제 포함 최대 3개까지 풀어야 하고요, 문제 풀기 전 자기소개 하는 시간 5~10분과 마지막에 질문하는 시간 5~10분을 제외하면 사실 30분 정도 잡고 문제를 푼다고 보시면 됩니다. 그런 상황에서 라이브러리를 사용하지 않으면 시간이 부족할 수밖에 없을 것 같아요. 알고리즘 문제에 자주 나오는 스택, 큐, 힙과 같은 자료 구조는 라이브러리를 사용하면 훨씬 빠르게 구현할 수 있거든요. 라이브러리 없이 구현하는 방식은 개념을 공부할 때는 도움이 될 것 같고요, 코딩 테스트 용으로는 라이브러리를 사용하시는 것을 권장드립니다. 📔 함께 읽어보면 좋은 글 - 코딩 테스트를 위해 꼭 공부해야 할 이론: https://careerly.co.kr/comments/66531 - 코딩 테스트에 완벽하게 대비하기 위해 해야 할 6가지: https://careerly.co.kr/comments/66559 - 라이브 코딩 테스트 실전 5단계 가이드: https://careerly.co.kr/comments/66693

이 질문 바로 가기

Q. 코딩테스트 시작 전 질문드립니다

자바스크립트로 코딩테스트 준비를 할려고 하기에 앞서 알고리즘 책을 사서 공부를 하고 시작을 해야 하나요 코딩테스트 하면서 공부해 나아가야 할까요?? 코딩 테스트에 추천 해주시고 싶은 책이 있으실까요?

목표가 코딩테스트이므로, 코딩테스트 책을 보며 공부하면 좋을 것 같습니다. 알고리즘 책도 결국 보면 좋겠지만, 알고리즘을 잘 이해한 다음에도 코테는 또 시험의 영역인지라. 도서관이든 대형 서점이든 가셔서, 코테 책들 훑어보시고 마음에 드는 거 찾아보시면 도움이 될 것 같습니다.

외 1개 답변 보러 가기

Q. 코테 준비하면서 코드들도 깃허브에 올리시나요?

다들 코딩테스트 준비하는 코드들도 깃허브에 연동해두시는지 궁금합니다! 아니면 그냥 포트폴리오 용으로만 사용하나요?

서류 검토와 면접을 진행하며 깃허브 링크를 봐야하는 입장에서 경험을 말씀드리면... 0. 코딩테스트 준비를 깃허브에 연동하면 좋을지 보다... 누가 봤으면 하는지, 뭘 봤으면 하는지, 한 눈에 볼 수 있는 것은 무엇인지가 중요합니다. 1. 기업의 이미지에 따라 다르지만 공채 기간에는 더 많지만 수시는 하루에 적어도 20개 이상 들어옵니다. 한번에 몰아서 보는 사람, 하루에 나눠서 틈틈이 보는 사람 다 제각각이지만 바쁜 와중에 많이 봐야합니다~~ 이런 상황을 아는지 모르는지 자기소개서에 linkedin, github, notion 참조라고 딱 한줄 써놓고 링크 거는 분들 간간히 계신데요. notion은 잘 안열리고 공개여부 문제등...notion에서 export한 PDF는 깨져있고 blog, github는 열어보면 관리가 잘 안된 경우도 있습니다. 노력을 다 기울여 놓으셨을지 모르지만 저런 상황이면 도움이 안됩니다. 외부 링크나 첨부 파일보다 관심을 기울일 수 있도록 경력직처럼 간략히 자기 프로젝트 수행 내용을 써놓는고 참조 링크를 따로 안내해두는게 좋습니다. 3. 서류 전형 후 코딩테스트나 사전 과제는 다음처럼 봅니다. 서류전형 후 코딩 테스트를 온라인 플랫폼을 통해 진행하는 경우 채점표 기준으로 확인하고 오답 내용 확인합니다. 사전 과제를 github나 첨부파일로 받는 경우 가이드, 주석, 코딩 스타일, 동작 결과를 살펴봅니다. 사전과제를 github로 가서 확인했을 때 인상이 깊다면 그 간의 활동을 보기도 하고 인상깊은 프로젝트가 있으면 열람해보기도 합니다. 이때 Readme로 코테 준비하며 학습한 것들이 잘 index로 정리되어 있으면 매우 좋겠죠. 4. 코딩테스트를 넘어 기본적인 스크리닝이 끝나면 면접이 진행이 됩니다. 면접은 코테나 사전과제, 기본적인 질문을 거치게 되는데요. 매우 싫으시겠지만 이력서와 코딩테스트, 과제에서 질문이 많이 나오는게 좋습니다. 왜 이런 방식으로 접근했는지 다른 방식으로 풀수 없었는지 다른 방식으로 어떻게 풀 수 있는지, 여기에 사용한 디자인 패턴은 무엇이고 언제쓰는지, 어떤 부분을 개선하고 싶은지 등등과 같은 꼬꼬무식 질문들이 이어질 겁니다. 이력서의 프로젝트, 코팅테스트나 과제를 진행하며 공부를 제대로 했다면 대부분의 질문에 답변을 할 수 있을 것이어서 좋은 인상을 심어줄 수 있습니다. 5. 결론적으로 꾸준히 운영관리 잘하신다면 올리시면 면접 단계에서 도움이 될 수 있습니다.

외 2개 답변 보러 가기

Q. 이직 및 개발자 방향성 고민

안녕하세요. 현재 중소기업에서 개발자로 2년정도 재직중인 주니어입니다. 이직을 생각하고 있어서 프로그래머스를 통해 코딩테스트를 몇번 보게 되었는데요.. 실력이 부족해서 그렇지만 항상 문제를 풀 때 한없이 작아지게 되더라구요. 업무에선 이런저런 기능 구현할 때는 어렵지만 하나하나 풀어가며 성취도 느끼면서 개발해 나가는 것이 뿌듯했습니다. 그런데 저는 코테와 실무의 갭이라고 해야할까요... 그 폭이 크다고 느껴서 코테만 보게되면 자존감이 바닥을 칩니다. 이직을 하기 위한 공부 방향성도 흔들리는 느낌입니다. 코테에 집중해야할지.. 기술스택에 집중해야할지... 어떻게 하면 좋을까요. 제 자신이 답답해서 두서없이 글 올려봅니다.

코테는 연습과 훈련이 필요한 것 같습니다. 단시간에 준비하기엔 어려울 수도 있을 거 같고요. 코테를 잘 못푼다고 자존감이 낮아지실 필요도 없습니다. 그냥 연습량이 부족할 뿐이지요. 시간이 되신다면 찬찬히 준비해보시는 것도 방법이겠고, 당장 이직을 원하신다면 요즘은 코테대신 과제로 평가하는 곳들도 있으니 그런 곳들을 찾아보시는 것도 좋을 것 같습니다.

외 1개 답변 보러 가기

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!