[파트 2 회고] [코드잇 스프린트 6기] 파트 2(4월7일 ~ 5월25일) 회고시작하며...코드잇 스프린트 6기 파트 2 가 끝이 났다.파트2 동안 기초 프로젝트도 진행하고 개인적으로 시험준비도 해서 바쁜 하루를 보냈다. 그리고 벌써 반이나 지났다는 게 실감이 나지 않는jjang-j.tistory.com 시작하며...코드잇 스프린트 6기 파트 1이 끝이 났다.처음엔 국비 교육을 들을까 말까 고민했었는데 1회차 후기는 매우 만족스러웠고 빨리 다음 내용을 배우고 싶다. 팀 활동우선 코드잇 스프린트는 일주일에 6번 매일 팀 회의를 진행한다. (우리 팀은 ☀️ 아침 10시에 팀회의를 진행했다.)나는 14조의 팀장을 맡았으며, 팀 회의에서 매일 팀원들에게 진도는 어디까지 나갔는지 물어보고공부하면서 어렵거나 헷갈..

Q. 질문 1이벤트 버블링, 캡쳐링, 위임에 대해 설명해 주세요. (코드잇 스프린트 위클리 페이퍼 #5) A. 답변1. 이벤트 버블링이벤트 버블링이란 무엇일까?이벤트 버블링이벤트가 발생하면, 같은 타입 이벤트를 가진 부모 핸들러도 동작즉, 자식 요소에서 부모 요소로 이벤트가 전파되는 것을 이벤트 버블링이라고 한다. 버블링 적용이런 코드가 있을 때, content 오늘 할 일 list 자바스크립트 공부 유튜브 시청 저녁 약속  요소를 클릭했을때, 실제 핸들러 이벤트가 동작하는 요소(currentTarget)와 문구를 출력하도록 자바스크립트 코드를 만든다.const content = document.querySelector('#content');const title = docu..

Q. 질문var, let, const 를 중복 선언 허용, 스코프, 호이스팅 관점에서 서로 비교해 주세요. (코드잇 스프린트 위클리 페이퍼 #4) A. 중복 선언 허용var - 중복 선언 Ovar 은 정상적으로 중복 선언이 가능하다. let - 중복 선언 Xlet 은 중복 선언이 불가능하여 SyntaxError  가 발생한다.const - 중복 선언 Xconst 도 let 과 마찬가지로 중복 선언이 불가능하여 SyntaxError 가 발생한다.추가적으로 const 는 let 과 다르게 재할당 시 TypeError 가 발생한다.A. 스코프함수 스코프함수 안에서 정의된 변수는 해당 함수 내에서만 접근 가능블록 스코프중괄호 {} 로 둘러싸인 블록 내에서만 접근 가능var - 함수 스코프var 은 함수 스코프로..

Q. 질문자바스크립트에서 얕은 복사(Shallow Copy)와 깊은 복사(Deep Copy)에 대해 설명해 주세요. (코드잇 스프린트 위클리 페이퍼 #4) A. 기본 배경자바스크립트에서 기본형 데이터는 불변값이고, 참조형 데이터(객체)는 가변값이다. 불변객체변하지 않는 객체 자바스크립트에서 객체는 가변값인데, 원본 객체가 변하지 말아야 할 상황에 불변 객체가 필요하다. 불변 객체가 필요한 상황student1 객체에서 name 만 수정한 새로운 객체를 만들기 위해student1 객체를 newStudent 에 복사하고, newStudent 의 이름을 변경하고 리턴하였다.결과는 student2 에서 바뀐 이름이 나올 것 같지만, 실제로는 둘 다 Lee 로 변경되었다. 결론위에 코드처럼 객체의 가변성 에 따른..

Q. 질문 1Git에서 branch merge 방법들과 각 방법의 특징을 설명해 주세요. (코드잇 스프린트 위클리 페이퍼 #3)A. 답변 1branch merge 란?Git 에서 branch merge 란? branch merge현재 branch 에서 다른 branch 를 합친다.(병합) branch merge 를 사용하는 상황은 다음과 같다.A branch 에서 작업을 한 내용을 main branch 에 반영하기 위해, main branch 에서 A branch 의 내용을 합침A branch 에서 작업하고 있는데 main branch 에 최신 변경 사항이 있어, A branch 에서 main branch 의 내용을 합침 branch merge 방법branch 를 merge 하는 방법에는 크게 merge..

Q. 질문 1시맨틱 태그를 사용하면 좋은 점을 설명해 주세요. (코드잇 스프린트 위클리 페이퍼 #1) A. 답변 1시맨틱 태그란?시맨틱(semantic)이라는 단어의 뜻은 '의미의, 의미론적인` 이라는 뜻을 담고 있다.그렇다면 시맨틱 태그란 의미를 가지고 있는 태그라고 이해할 수 있다. 시맨틱 태그 (Semantic Tag)포함된 콘텐츠의 특정 의미를 정의하고 목적을 갖는 태그 시맨틱 태그는 기존 HTML의 태그와 기능이 똑같다. 하지만 시맨틱 태그는 단순 태그가 아니라, 태그의 의미를 부여하여 웹사이트의 구조를 쉽게 파악할 수 있게 도와준다. 시맨틱 태그의 종류시맨틱 태그의 종류는 크게 다음과 같다. (이 외에도 다양한 종류가 있음)태그설명문서의 머리말, 상단 ex) 로고, 제목 등을 포함문서의 내..

Q. 질문CSS의 Cascading에 대해 설명해 주세요. (코드잇 스프린트 위클리 페이퍼 #1) A. 답변CSS 를 적용하다보면 겹치는 속성이 발생할 수 있다. 개발자 도구를 사용해 임의로 코드잇 페이지에 있는 컴포넌트의 배경 색상을 blue 와 red 로 변경하여 속성이 겹치도록 하였다.그렇다면 화면에서는 blue 와 red 중에 어떤 것이 반영이 될까? 바로 이러한 상황에서 CSS 규칙들을 어떻게 합쳐 줄지 정해주는 방식을 CSS 의 Cascading 이라고 한다.  Cascading 이란?그렇다면 Cascading  는 정확히 무엇일까?  그 전에 CSS 의 약자는 Cascading Style Sheets (CSS) 이다.  이를 한국말로 직역하자면 계단식 스타일 시트 라는 의미이다. 즉, CS..

현재 나의 상황내 블로그를 대충 보면 알겠지만 나는 React 는 당연히 할 줄 알고 프로젝트도 여러 번 진행해 봤다. (곧 서비스 출시 예정!)하지만 프로젝트를 진행할 수록 주변에 너무 잘하시는 개발자분들도 계셨다.. 부족한 기초 지식나는 3학년을 마치고 좋은 기회를 통해 교수님 회사에 입사하게 되었는데 거기서 HTML, CSS, Javascript 를 하나도 모르는 상태에서 프론트엔드 개발을 시작하였다. (학교에서 C언어, 매트랩 이런 것만 해서 몰랐음)그러다 보니 개발은 할 수 있지만 기초지식이 부족해 매번 Chat GPT 에 의존하다 보니, 다시 기초부터 공부하고 싶은 생각이 들었다. (그런데 안 함.. 어려운 내용을 더 알고 싶어서..ㅠㅠㅋㅋ) 취업 준비그리고 올해 2월에 대학교를 졸업해서 이제..