본문 바로가기

전체 아티클73

리덕스(Redux) 미들웨어 레퍼런스 참조 및 작성 중 👏🏻 2023. 3. 8.
[독학 일대기] SSR을 위한 Next.js 학습 목차 · 모든 페이지는 _App 파일을 통한다. · 라우트 설정과 다이나믹 라우트 · 글로벌 CSS · _Document · PreFetching 해당 글은 계속해서 작성 중입니다 👏🏻 모든 페이지는 _App 파일을 통한다. · _App 컴포넌트에서 렌더링 하는 값은 모든 페이지에 영향을 준다. · 최초로 실행되는 컴포넌트는 _app.tsx이다. (타입 스크립트 사용 시 tsx, 아닐 경우 jsx) · _app.tsx는 클라이언트에서 띄우길 바라는 전체 컴포넌트이며, 공통 레이아웃임으로 최초 실행되며 내부에 컴포넌트들을 실행한다. · 내부에 컴포넌트가 있다면 전부 실행하고 html의 body를 구성 · Component와 pageProps를 받는다. 1. Component props는 요청한 페이지를 의.. 2023. 3. 4.
리크루팅을 위해 어플라이 사이트를 개발했다 목차 · 너무 형식적인 UI와 사용자 경험이 마음에 들지 않았다. · 내 집은 디스코드 · 처음 진행해본 프로젝트 QA · 잘 돌아가고 있다, 내가 만든 서비스가 · 다시 처음 개발했던 때로 돌아간다면 멋쟁이사자처럼 5기와 6기를 수료하고, 다시 11기를 시작했다. 군 입대와 동시에 7기 운영을 선배 누나가 진행을 해주셨고, 그 후에는 학교의 멋쟁이사자처럼이라는 단체가 사라졌다. 학교 생활보다 대외 활동을 더 재밌게 임할 수 있었던 나는, 사람들과의 네트워킹이 얼마나 중요한지를 알게되었고 교내 중심으로 활동을 하는 멋쟁이사자처럼 강남대학교라는 단체가 사라졌을 때 당시 군입대를 하고 있던 너무 아쉬웠다. 너무 형식적인 UI와 사용자 경험이 마음에 들지 않았다. 아는 동기형님이 멋쟁이사자처럼 11기를 다시 .. 2023. 3. 2.
[에러일지] React The href attribute requires a valid value to be accessible. 목차 · 원인 · 해결 방법 · 레퍼런스 React The href attribute requires a valid value to be accessible. ESLint를 적용하면서, 그 전에 뜨지 않던 태그에 관련된 에러가 뜨게 되었다. 아직은 하이퍼링크를 적용시키고 싶지는 않지만, 일단은 구현해두어야하는 코드기에 이럴 경우에는 어떻게 상황 대처를 해야하는지에 대해 의문이 들었다. 바로가기 // Vanilla 바로가기 // React 원인 The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value. If you cannot provide a valid href.. 2023. 3. 1.
[에러일지] ESLint - Function component is not a function declaration 목차 · 원인 · 함수 유형 구분 · 해결 방법 · 레퍼런스 Function component is not a function declaration eslint (react/function-component-definition) ESLint를 연결해주는 과정에서, 마주한 에러이다. 함수는 올바르게 작성을 했지만 ESLint 설정 과정에서 함수에 관련된 규칙을 빼먹은 것 같아 구글링을 진행하고 이에 따른 해결방법을 포스팅을 했다. 원인 리액트에서는 공식문서에서도 나왔듯이 클래스형 컴포넌트보다 요즘 많이 찾는 보통 함수형 컴포넌트를 사용한다. ESLint react/function-compoent-definition 규칙을 사용한다면, 이 함수형 컴포넌트를 어떤 함수 유형으로 사용할지 미리 정하고 rules.. 2023. 3. 1.
토스 채용 서비스인 줄 알았는데,, 목차 · 토스 채용 서비스 인 줄 알았는데, · 엥, 근데 토스 서비스가 아니었다고? · 두들린의 그리팅 서비스 토스 채용 서비스 인 줄 알았는데, 2023년 2월 대학교를 졸업하고, 대외활동에서의 여러 팀원들과 프로젝트하는 것이 즐거워 멋쟁이사자처럼 11기를 다시 시작했다. 멋쟁이사자처럼은 보통 지원 어플라이 사이트를 직접 제작해 만들어 학교에 제공을 하기 보다는 구글 폼을 이용해 학교 내의 팀원들을 꾸리도록 운영을 하고 있는데, 우리는 독특하고, 색다르게 학교 자체만의 어플라이 서비스를 만들고자 하였다. 와이어 프레임을 먼저 그렸다. SOPT에서 UI 디자인 툴인 Adobe XD에 대해서 배운 적이 있기 때문에, 보통 전문 디자인을 배운 사람이 없으면 보통 내가 와이어 프레임을 그리고, 디자인하고 프.. 2023. 2. 24.

티스토리툴바