오늘 2차 프로젝트를 진행하는 도중 내가 완료한 login관련 기능을 dev브랜치에 머지한 뒤, gitlab에 push를 해야 했다. 근데, 예기치 못한 오류가 발생해서 이 부분은 꼭 정리해야겠다 생각이 들었다. 여태까지 git에 여러 가지 오류를 접했지만, 처음 보는 오류였다. $git push origin dev to https://kdt-elice.io/team01.git ! [rejected] main -> main (fetch first) error:failed to push some refs to 'https://kdt-elice.io/team01.git' hint: Updates were rejected because the remote contains work that you do hint..

오늘은 저번에 프로젝트에서 사용한 Tailwind + Styled Components 문법에 대해 자세하게 정리해보려고한다. (이번 프로젝트에서 사용하기로 하여 확실한 이해가 필요할거같아 정리한다.) Tailwind + Styled Components (각각의 라이브러리와 프레임워크는 이전 글에서 정리한적이있기 때문에 둘을 결합한 문법을 사용하는 이유와 장점에대해만 정리하겠다.) Tailwind + Styled Components 사용 이유와 장점 1.TailwindCSS를 사용시 태그 내에 작성되는 className이 많아져 가독성이 떨어지고, 코드가 지저분해짐 ex)

이전에 정리한 Router에서 언급한 SPA (Single Page Application)에 깊이 정리해보려고 한다. 이전의 SPA기술이 필요했던 이유 javascript가 등장하기 전에는 html/css만으로 웹페이지를 보여줬던 시절이 있었다. 이때 페이지의 이동은 매번 페이지를 새로 렌더링 하는 방식으로 되어있었다. 이후 html에서 움직임이 생기고, 우리가 버튼을 누르거나 여러 가지 액션, 이벤트를 할 수 있도록 도와주는 javascript기술이 등장하게 되었다. 이렇게 해서 html/css/javascript 이렇게 3가지 기술로 웹페이지를 만들고, 다른 페이지의 이동은 이러한 방식으로 구동되었다. (내가 처음 개발에 입문했을 때, 홈페이지 만들기 원데이 클래스에서 가장 중요한 3가지 요소를 뼈대..

오늘은 Router기능에 대해 정리해보려고 한다. 2차 스터디(개인 페이지 만들기)에도 사용하려고, 눈여겨봤던 기능이다. Router란? Router라는 개념은 네트워크 상에서 통신 데이터를 보낼 경로를 선택하는 과정이다. SPA환경의 웹 애플리케이션에서는 말 그대로 요청에 따라 알맞은 페이지를 변환해 주는 과정으로 이해하면 된다. SPA의 단일 페이지라는 이점을 살려, MPA(Multi Page Application) 환경과는 달리 페이지자체를 반환하지 않고 데이터만 불러와 렌더링 해주기 때문에 사용자 입장에서 훨씬 빠르다고 느낄 수 있다. 또한 클라이언트에서 렌더링을 다루기 때문에 CSR(Client Side Rendering)이라고도 불린다. React Router 설치하기 React Router ..