코드잇

위클리 미션에서 리팩토링을 하고 싶은 부분이 아주 많다.그 중에서 한 두가지 정도를 뽑아서 매주 리팩토링을 해보자는 다짐을 했었는데, 이번주에는 모달을 리팩토링 해보기로 했다. 그래서, 멘토링 시간 때 모달 리팩토링에 대해서 이야기를 해봤고 context API만으로도 구현이 가능해보인다는 결론이 나서 이번 주차에 해보기로 마음을 먹었다..! 이전부터 상태관리를 위한 다양한 방법들을 공부하고 싶었기 때문에 바로 리팩토링에 들어갔다.그럼 바로, ContextAPI를 이용해서 어떻게 모달 리팩토링을 진행했는지 확인해보자~ ! 😊  Modal 컴포넌트 리팩토링이 필요하다고 생각한 이유우선, 왜 모달 컴포넌트를 리팩토링 하고 싶었는지에 대해 짚고 넘어가야할 것 같다.현재 모달 컴포넌트 구현을 위한 로직은 아래..

- TypeScript의 동작 원리에 대해 설명해 주세요.- 리액트만 사용할 때와 비교해 Next.js를 사용하는 이유에 대해 설명해 주세요. TypeScript의 동작 원리타입 스크립트의 동작 원리를 설명하기 위해서는 다른 언어의 동작 원리와 다르다는 이야기를 해야하기 때문에 다른 프로그래밍 언어는 어떻게 동작하는지 먼저 알아보자.다른 프로그래밍 언어의 동작 원리프로그래밍 언어는 컴퓨터가 사용하는 기계어를 사람이 작성할 수 있게 만들어주는 것이다.이때, 대다수의 프로그래밍 언어는 컴퓨터가 이해할 수 있도록 기계어로 변환해주는 과정을 거치는데 이를 컴파일(Compile)이라고 한다. 컴파일은 컴파일러(Compiler)이 수행하게 되는데, 자바스크립트나 자바 같은 프로그래밍 언어는 바이트 코드라는 (통칭)..

**이미 지난 주차의 위클리 페이퍼이지만 블로그 이사로 인해서 새롭게 올리게 되었습니다.**내용은 유사하지만, 조금 더 보완해서 게시했습니다! - Git에서 branch merge 방법들과 각 방법의 특징을 설명해 주세요.- Git Flow 브랜치 전략에 대해 설명해 주세요. Branch Merge란?: merge, 병합하다 합병하다라는 뜻으로, git에서 branch를 나누어 작업을 한 후 나누었던 브랜치들을 다시 합치는 것을 의미합니다. 1. Merge commit: 합치는 것과 합쳐지는 것의 데이터를 모두 남기면서 새로운 커밋을 형성하는 방법 # 장점히스토리를 보존할 수 있음 -> 프로젝트 진행상황 파악이 용이하다.커밋 아이디가 바뀌지 않아서 squash나 rebase를 사용하기 쉽다.# 단점커밋이..

**이미 지난 주차의 위클리 페이퍼이지만 블로그 이사로 인해서 새롭게 올리게 되었습니다.**내용은 유사하지만, 조금 더 보완해서 게시했습니다! - 시맨틱 태그를 사용하면 좋은 점을 설명해 주세요.- position의 속성들과 각각의 특징을 설명해 주세요. Semantic tag란?: 의미론적(semantic) 태그라는 뜻으로,이를 이용하면 HTML에서 각각의 태그 안에 있는 내용이 어떤 목적으로 구현되었는지를 나타낼 수 있고,사용할 때는 콘텐츠의 의미와 기능에 따라 적합한 태그를 선택해야한다. 시맨틱 태그의 종류1) header로고 및 제목이 포함된 페이지의 최상단 콘텐츠 2) main메인 콘텐츠의 전체를 감싸는 태그 3) footer저작권, 연락처, 사업자 정보, 소셜 미디어 계정 정보 등이 포함된 하..

개발 블로그이니 보여지는 것보다 내용의 알참이 중요한 것은 알지만 깔끔하고 예쁘게 올리고 싶다. 그래서 게시글에 이미지가 사용되지 않는 내용 중심의 포스팅에 사용할 대표 이미지를 한 두 개씩 만들어나갈 생각이다.처음 카테고리에 글을 게시할 때만 만들어두면 그 이후에는 서식에 넣어두고 계속 쓸 테니까!내가 만든 이미지로 썸네일을 걸어두니까 뿌듯하다. 글을 꾸준히 써서, 양질의 개발 블로그가 되도록 노력하겠습니다. 혹시라도 퍼갈 사람은 퍼가도 되지만, 출처만 잘 남겨주시와요 👍👍👍 (링크 걸어죠) 💟 코드잇 위클리 페이퍼  트러블 슈팅  알고리즘 공부

**지난 주차의 위클리 페이퍼이지만 블로그 이사로 인해서 새롭게 올리게 되었습니다.**내용은 유사하지만, 조금 더 보완해서 게시했습니다! - CSS의 Cascading에 대해 설명해주세요  Cascading이란?: 계단식으로 내려오는 형태의 폭포를 의미CSS에서는 여러 CSS규칙이 적용될 때 '순서'에 따라 합쳐지는 것을 의미한다.상위 요소의 스타일이 하위 요소로 내려오며 상속되는 특징을 계단식으로 내려오는 폭포에 빗대어 사용하는 것 같다. 상위 요소(우선 순위)를 결정 짓는 기준 3가지1. 스타일 시트의 종류어떤 스타일 시트의 스타일이냐에 따라 더 높은 우선순위를 가진다. [ 프로그래머가 작성한 stylesheet ] > [ user agent stylesheet (웹에서 제공하는 기본 스타일) ] 2..

프로젝트 시작 전의 나를 이야기해보자면☑️  리액트 강의를 듣고는 있지만 이해 안됨 (스스로 구현 못함) ☑️  git 잘 쓸 줄 모름 (origin, upstream이 뭔지 pull과 push를 어찌하는지) ☑️  CSS 기술 중에서 쓸 줄 아는 것이 기본적인 CSS 하나 뿐이었음 위와 같이 기초적인 지식이 너무나도 부족했고,리액트에 대한 이해가 간절했던 상태 😂 운이 좋게도 정말 좋은 팀원을 만나 프로젝트 기간 내내 모르는 것을 마구마구 물어보면서 참여했던 것 같다. 질문을 하고 많은 이야기들을 나누면서 어느 순간부터 리액트에 대한 이해가 조금씩 되기 시작했고, 스스로 구현하고 해결하는 게 재미있어지기 시작했다. 최대한 내가 맡은 부분을 스스로 구현하고 싶어 학습 시간 중의 많은 부분을 코드를 짜는..