프론트엔드 실무 실수 고치는 코딩 랩

Coding Learning Lab실무 코드 리뷰 노트
Frontend Code Review Note

이 코드가 왜 undefined를 만드는지 먼저 확인하세요

첫 문제는 console.log로 출력만 하고 return을 빼먹는 상황부터 시작합니다. 채점 결과는 실패 입력값, 실제 반환값, 실무 위험, 다음 수정 체크리스트로 남습니다.

1JavaScript: 값이 밖으로 나가는지return, 조건, 배열/객체 흐름을 먼저 잡습니다. 2TypeScript: 값의 형태를 고정하기optional, union, API 응답 타입으로 실수를 막습니다. 3React: 상태가 화면을 바꾸는지input, form, loading/error 흐름으로 이어집니다.

3문제 실수 진단

3문제를 풀고 내 실수 유형과 다음 추천 문제만 빠르게 확인합니다.

0채점 기록 0%최근 정답률 대기가장 잦은 실수
함수입문무료

문제 제목

문제 설명
solution.jsCtrl+Enter로 채점
PRACTICAL NOTES

최근 실무 노트

문제에서 자주 막히는 지점을 글로 먼저 확인하고, 같은 주제의 실습으로 바로 이어갈 수 있게 모았습니다.

모든 글 보기
JavaScript 함수가 undefined를 반환할 때

console.log로 값이 보여도 호출 결과가 비는 return 누락 실수를 확인합니다.

글 읽기문제 풀기
JavaScript filter 결과가 빈 배열일 때

조건은 맞는데 목록이 사라지는 콜백 return 누락을 확인합니다.

글 읽기문제 풀기
React key에 index를 쓰면 입력값이 이동할 때

삭제, 정렬, 필터 후 상태가 다른 행에 붙는 이유를 확인합니다.

글 읽기문제 풀기
React input 값이 안 바뀌는 이유

value만 넣고 onChange를 빠뜨렸을 때 왜 입력이 멈추는지 확인합니다.

글 읽기문제 풀기
LEARNING UPDATE

프론트엔드 실무 해설팩 01 받기

TypeScript 상태 모델링과 React 폼 검증 문제를 기준으로, 왜 틀렸는지와 실무 코드에서는 어떻게 고치는지를 정리한 샘플 해설팩을 보내드립니다.

Blank Form (#3)