전체 글208 브라우저 동작 원리 정리(프런트엔드, 렌더링, 성능개선) 한 신입 개발자의 포트폴리오를 검토하면서 사용자가 브라우저 주소창에 웹사이트 주소를 입력한 뒤 화면이 나타나기까지 어떤 과정이 진행되는지 질문한 적이 있습니다. 학생은 서버에서 HTML과 CSS, 자바스크립트 파일을 받아 화면에 보여준다고 답했습니다. 전체적인 방향은 알고 있었지만 브라우저가 문서를 어떻게 해석하고 화면의 위치와 색상을 계산하는지, 자바스크립트 실행이 언제 화면 표시에 영향을 주는지는 설명하지 못했습니다.학생은 프로젝트에서 상품 목록의 첫 화면이 늦게 나타나는 문제를 개선했다고 이력서에 작성했습니다. 원인을 묻자 React 렌더링이 느려 코드를 최적화했다고 답했습니다. 하지만 실제 기록을 확인해 보니 가장 큰 문제는 화면 렌더링이 아니라 용량이 큰 대표 이미지였습니다. 브라우저가 상품 데.. 2026. 9. 4. HTTP와 HTTPS 면접 답변 정리(웹통신, 보안, 인증서) 한 신입 개발자의 모의면접에서 HTTP와 HTTPS의 차이를 설명해 달라고 요청한 적이 있습니다. 학생은 HTTP는 보안이 적용되지 않은 통신이고 HTTPS는 데이터를 암호화하기 때문에 안전하다고 답했습니다. 기본적인 차이는 알고 있었지만 어떤 데이터가 보호되는지, 암호화된 연결은 어떻게 만들어지는지, 인증서는 왜 필요한지 묻자 답변을 이어가지 못했습니다.학생은 팀 프로젝트를 클라우드 서버에 배포하고 HTTPS도 적용한 경험이 있었습니다. 그러나 이력서에는 도메인 연결 및 HTTPS 설정이라고만 적혀 있었습니다. 실제 작업을 확인해 보니 인증서를 적용한 뒤에도 로그인 요청이 실패한 경험이 있었습니다. 웹페이지는 HTTPS로 열렸지만 클라이언트가 HTTP 주소로 API를 요청해 브라우저에서 연결을 차단한 .. 2026. 9. 3. 서버와 클라이언트 구조 이해법(웹개발, API통신, 면접기초) 한 신입 개발자의 포트폴리오를 검토하면서 로그인 버튼을 누른 뒤 어떤 과정이 진행되는지 설명해 달라고 요청한 적이 있습니다. 학생은 프런트엔드에서 백엔드 API를 호출하고 데이터베이스에서 사용자를 확인한다고 답했습니다. 전체적인 방향은 알고 있었지만 요청에 어떤 값이 들어가는지, 서버는 무엇을 검사하는지, 로그인 결과가 화면에 어떻게 전달되는지는 설명하지 못했습니다.프로젝트 기록을 다시 확인하니 학생은 로그인 화면과 API 연결을 직접 담당했습니다. 개발 중 로그인 요청이 계속 실패했지만 서버 문제라고 생각해 백엔드 담당자에게 수정을 요청했습니다. 브라우저의 네트워크 기록을 확인해 보니 화면에서 이메일을 userEmail이라는 이름으로 전달했고 서버에서는 email이라는 이름으로 값을 찾고 있었습니다. .. 2026. 9. 2. 신입 개발자 테스트 경험(품질관리, 오류방지, 코드신뢰도) 한 신입 개발자의 포트폴리오를 검토하면서 프로젝트에서 테스트를 어떻게 진행했는지 질문한 적이 있습니다. 학생은 기능을 완성한 뒤 화면을 직접 눌러보며 모두 확인했다고 답했습니다. 회원가입과 로그인, 게시글 작성 기능이 정상적으로 동작했고 발표에서도 오류가 발생하지 않았기 때문에 충분히 검증했다고 생각했습니다.추가로 회원가입에서 비밀번호를 입력하지 않거나 이미 가입된 이메일을 사용하면 어떻게 되는지 물었습니다. 학생은 정상적인 정보만 입력해 봤기 때문에 해당 상황은 확인하지 않았다고 답했습니다. 실제로 빈 비밀번호를 입력하자 화면에서는 가입이 거부되었지만 서버에 직접 요청하면 비밀번호가 없는 계정이 생성되었습니다. 프런트엔드에서만 입력값을 검사하고 서버에서는 같은 조건을 확인하지 않은 것이 원인이었습니다... 2026. 9. 1. IT프로젝트 요구사항 정리(기능정의, 일정관리, 협업) 한 팀 프로젝트에서 회원이 관심 있는 상품을 저장할 수 있는 기능을 만들기로 했습니다. 회의에서는 찜 기능이라는 이름만 정했고, 화면에도 하트 버튼을 배치했습니다. 프런트엔드 담당자는 버튼을 누르면 색상이 바뀌는 기능으로 이해했고, 백엔드 담당자는 회원별로 선택한 상품을 데이터베이스에 저장하는 기능으로 생각했습니다. 기획을 맡은 팀원은 찜한 상품을 별도 목록에서 확인하고 삭제하는 기능까지 포함된다고 예상했습니다.개발 중간에 결과물을 합쳤을 때 각 담당자가 만든 범위는 서로 달랐습니다. 프런트엔드 화면에는 선택 상태가 임시로 표시되었지만 페이지를 새로 열면 사라졌고, 서버에는 저장 기능만 있어 목록을 불러오는 기능이 없었습니다. 기획자는 사용자가 찜한 상품을 한 화면에서 관리할 수 있어야 한다고 요청했습니.. 2026. 8. 31. 개발자 문서화가 중요한 이유(README, 회고, 전달력) 한 신입 개발자의 포트폴리오를 검토하면서 프로젝트를 실행하는 방법을 질문한 적이 있습니다. 저장소에는 완성된 화면과 사용 기술이 정리되어 있었지만, 설치 순서와 환경 설정은 찾기 어려웠습니다. 학생은 코드를 내려받은 뒤 필요한 패키지를 설치하고 환경변수를 입력하면 된다고 설명했습니다. 그러나 어떤 실행 환경이 필요한지, 환경변수에는 무엇이 들어가는지, 데이터베이스를 어떻게 준비해야 하는지는 본인도 기억에 의존하고 있었습니다.팀 프로젝트가 끝난 지 두 달밖에 지나지 않았지만 프로젝트를 처음부터 다시 실행하려면 이전 대화와 개인 메모를 찾아봐야 했습니다. 함께 작업하지 않은 사람이 저장소만 보고 실행하는 것은 사실상 불가능한 상태였습니다. 학생은 README를 작성했기 때문에 기록은 충분하다고 생각했지만, .. 2026. 8. 30. 이전 1 2 3 4 5 ··· 35 다음
