2023년부터 로그 기록 2023년부터 로그 기록

재현 강사님께서 기술면접 대비 특강이 진행을 준비해 주신 내용을 정리했다.질문에 대해 모법답변이 없는 경우도 있고, 가이드 라인만 제시되어 있는 경우도 있다.1. 기술 면접에서는 이런 문제가 나온다. 코딩 인터뷰에서 실제 답변하는 것처럼 구어체로 답변하도록 하자.많은 사람들 또는 인터뷰에 앞서서 떨리는 것을 위해 좋은 준비법은 미리 해보는 것이다.오늘은 쉬운 내용에 대해서 질문하고 다뤄본다.1-1. section 요소와 article 요소의 사용 용도에 대해 설명해 주세요.더보기🎈 모범답변 :둘 다 HTML 문서를 구획짓는 nav 나 body 요소같은 sectioning 요소에 속하며, section 요소는 제목을 가지고 있는 비슷한 주제의 컨텐츠의 그룹을 나타낼때, article의 경우 문서 내에서 ..

목차 1. 오늘 팀 프로젝트 업무 2. 배포를 위한 GitHub Fork 3. Netlify로 배포하기 4. GitHub Pages로 배포하기 1. 오늘 팀 프로젝트 업무 1-1. 댓글관련 버그 및 접근성 개선 - Home 페이지에서 Feed 댓글 개수가 안보이는 버그 해결 - Feed 이미지뿐만 아니라 Text를 포한한 FeedContent에서 마우스 커서를 Pointer로 변경 - FeedContent에서 마우스를 클릭하면 DetailFeed 페이지로 이동하고, DetailFeed에서는 Click Event 제거 - Feed Comment 추가 시 쌓이는 위치를 제일 아래에서, 제일 위로 변경 1-2. 새로운 Upload 구현 및 Issue 생성 - 새로운 Feed를 작성할 수 있는 게시물 업로드 페..

목차 1. 비동기 2. json-server 만들기 3. Fetch API 를 이용해 서버와 데이터 통신하기 오늘은 비동기 개념을 보충해주는 특강이 있다. 즐거운 한가위를 맞이하기 전 마지막 수업으로 찝찝했던 부분을 일부 해소할 수 있었다. 이전까지는 간단한 database 없이, html 에 바로 생성하거나 브라우저 로컬스토리지를 이용 todo 리스트를 만들어 보았다. 이번 수업에서는 간단한 json 서버를 만들고 데이터를 생성하고, 읽어오고, 제거해 본다. 추석 연휴 전날까지 고생해주신 강사님께 감사할 따름이다. 1. 비동기 1-1. 동기적인 처리 - 비동기 처리는 동기적으로 처리되지 않는 것을 이야기한다. -하나의 흐름에서 순차적 - 출력1 > 출력2 > 출력3 - 각각의 함수는 완전히 종료되며 이..

목차 1. 디스코드 사용법 2. 노션 페이지 3. 공통질문 답변 원티드 FE 프리오보딩 챌린지를 참여하기로 했다. (9/4 시작) OT 참여를 시작으로 열심히 한번 해보자 1. 디스코드 사용법 1-1. 디스코드에 Notion 링크를 공지할 예정 1-2. 전체 온보딩 챌린지 OT 이다. 1-3. 프리온보딩 챌린지 - 공고는 내려갔지만 노션에 링크로 들어가면 다시 내용 확인이 가능하다. - 각 챌린지마다 주제 - 강의주간 : 기술역량향상 (2주), 4차까지 각 3시간 수업을 진행 - 언제 강의가 진행되는지 노션페이지 참고 - 취업 챌린지 (4주) : 구직활동을 서포팅하는 주간, 이력서 특강, 채용 큐레이션 페이지 제공 - 채용 큐레이션 페이지란? 최소 연봉을 3천 이상 구인중인 기업 필터링하여 각 직군별로 ..

멋쟁이사자처럼 프론트엔드 스쿨의 강의를 담당하는 (주)위니브에서 주최하는 무료 전자책 집필 기회가 열렸다! 책 집필은 자신의 전문성을 어필하는 특별활동으로 면접관들과 주변 개발자들의 이목을 끈다고 한다. 나는 개인적으로 책을 집필했다고 해서 큰 변화가 있을 것이라고 생각하지 않는다. 오히려 주니어 개발자가 쓴 책이 얼마나 전문성을 가졌는지 의구심만들 것 같다. 아마도 이목을 끄는 이유는, 흔하지 않은 경험이기도 하며 궁금증을 자아내기 때문이라고 생각한다. 내가 책 집필을 참여하는 이유는, 이력서의 한 줄 추가 보다는 Frontend 개발자 직군의 기술면접 대비를 위한 것이다. 책의 제목은 기존 위니브의 무료 전자책 '눈떠보니 코딩 테스트 전날' 을 오마주하여, (가칭) '눈 떠보니 기술 면접 전날' 로 ..

목차 1. 복습 2. 이력서 피드백 3. S/W 회사와 서비스 List Up 4. 3회차 사전 과제 1. 복습 1-1. 이력의 나열 순서 - 읽는 사람이 가장 궁금해 하는 것 : 지원자가 '한 것'이 아니라 '잘 하는 것' - '연대기 순'이 아니라 '역량순'으로 이력서를 작성하는게 중요하다. 보통의 이력서 역량순 이력서 ● 자기소개 저는 ~하는 프론트엔드 개발자입니다. ● skills ○ html, css, js, react ● A 프로젝트 ○ a 기술 사용하여 b 기능 구현, 저장소 링크나 간단한 요약 내용 ○ 웹소켓 기능을 이용해서 채팅 기능 구현 ● B 프로젝트 ○ a 기술 사용하여 d 기능 구현 ● C 회사 인턴, 아르바이트 ○ e 기능 개선 ● D 교육 참여 ○ 멋사 프론트엔드 교육 과정 ○ ..

목차 1. DOM target 2. class 1. DOM target 1-1. target - 브라우저 화면에서 이벤트가 발생하면, 브라우저는 이벤트 대상을 찾아가는 과정에서 이벤트가 차례로 실행되는 이벤트 전파(event propagation) 이 발생한다. - 부모부터 자식까지 일련의 요소를 모두 타고가며 진행되는 이러한 이벤트의 특징 덕분에 이벤트 객체에는 target, currentTarget 이라는 속성이 존재한다. - target 속성에는 이벤트가 발생한 진원지의 정보가 담겨 있다. - target 속성을 통해 이벤트 리스너가 없는 요소의 이벤트가 발생했을 때도 해당 요소에 접근 할 수 있다. - currentTarget 속성에는 이벤트 리스너가 연결된 요소가 참조되어 있다. 버튼1 버튼2 ..

목차 1. JS DOM 2. 잡담 1. JS DOM (Document Object Model) 1-1. DOM 노드 요소 제어 - DOM API를 이용하면 요소를 새롭게 생성하고, 위치하고, 제거할 수 있다. (1) document.createElement(target) : target 요소를 생성한다. (2) document.createTextNode(target) : target 텍스트를 생성한다. (3) document.appendChild(target) : target 요소를 element의 자식으로 위치한다. (4) document.removeChild(target) : element 의 target 자식 요소를 제거 - 1~4 이후에 만들어진 새로운 메서드 (훨씬 편리하다) (5) docume..