7월 3일 월
블로그 개발
로그인
- 회원탈퇴
- github 소셜 로그인 REST API 분석 중
내 웹사이트와 github 사용자 사이의 연결을 끊으려고 관련 REST API 문서를 찾아보고 있는데 올바르게 헤더를 맞춘거 같은데 Not Found 응답만 온다..
postman
Octokit
github 인증에 사용되는 패키지? 인것 으로 추정중
const octokit = new Octokit({
auth: App 시크릿,
});
try {
const { data } = await octokit.request(
`POST /applications/{client_id}/token`,
{
client_id: App 클라이언트 아이디,
access_token: 액세스 토큰,
headers: {
"X-Github-Api-Version": "2022-11-28",
},
}
);
console.log(data);
} catch (err) {
console.log(err);
}
공식 문서를 보면 검증이 되지않는 토큰 요청시 404 응답이 오는 것 같다.
일단 인증 자체에 문제가 있는듯 해서 내가 키를 잘못 입력한건지 찾아보다가 취침.
왜.. 안돼..? 인증 과정에서 문제가 있는건지 아님 client id가 잘못된건지..
기타
카카오, 깃허브 사이트들의 api 명세를 보면서 API 명세서를 작성하면 개발이나 유지보수에 많은 도움이 될 것같다는 생각이 들었고, 실제로 현업에서 어떻게 작성되는지 알아봐야 겠다.
(명세서 작성 타이밍, 작성 방법)
개발자의 글쓰기 책에서 명세서 작성 팁 목차가 있었던거 같은데 찾아봐야겠다.
7월 4일 화
어제와 같은 부분에서 계속 해결이 안되서 구글링 하고 이것저것 시도만 해본 하루였다.
일단 내일부터는 구글쪽을 먼저 해보고 해결이 안되면 일단 github 소셜 로그인은 보류해 둬야 할 것 같다.
kakao api가 공식문서가 제일 잘 되어 있어서 (한국어기도 하고) 개발하기 편하다고 듣긴 했는데 확실히 카카오가 제일 편했다.. 깃헙 어려워..
날씨도 덥고 습한데 해결이 안되니까 스트레스 이빠이..;
7월 5일 수
오늘도 구글, 깃허브 토큰 만료에 대해서 찾아봤으나 큰 소득은 없었다.. 일단 이부분에 계속 묶여있을 수는 없은니 오늘은 다른 작업도 했다.
블로그 개발
경로
- 404 Not Found 페이지 개발
<Routes>
<Route path='/' element={<MainPage />}/>
<Route path='/page1' element={<page1 />}/>
<Route path='/page2' element={<page2 />}/>
<Route path='/*' element={<NotFound />} />
</Routes>
사용자가 구현되지 않은 경로에 접근할 때 보여줄 페이지
- 접근 권한이 필요한 페이지 라우팅
- 에러 페이지 제작, 에러 코드에 따라 다른 메세지 출력
<Route
path='/WriteNewPost'
element={<PrivateRoute element={<NewPost />} auth={loggedIn} />}
></Route>
<Route
path='/RecordPage'
element={
<PrivateRoute element={<Recordpage />} auth={loggedIn} />
}
/>export default function PrivateRoute({ element, auth }) {
return auth ? element : <PageError errorCode={403} />;
}로그인이 필요한 페이지는 PrivateRoute 컴포넌트로 감싸서 미로그인시 에러 페이지를 보여주도록 수정
사소한 수정
포스트
- 추천 누르고 로그아웃 시 CSS가 추천 누른 상태로 유지되는 오류 수정
7월 10, 11, 12일
이번주는 미뤄왔던 전체적인 CSS 작업을 진행하려고 한다. 웹 디자이너가 아니라서 보기 좋은 사이트는 만들기 어렵겠지만, 다양한 CSS들을 적용해보는 것이 경험이 될것이라 판단했다.
작성 글
Throttle, Debounce를 이용한 이벤트 처리
블로그 개발
CSS
- 헤더가 스크롤에 반응하여 나타나도록 수정.
- Throttle 적용
검색
- 검색 api요청이 검색창 Blur 이벤트가 아니라 onChange 이벤트에 반응하도록 수정
- debounce 적용으로 최적화
7월 13일 목
개발 하면서 폴더를 나누는 기준을 명확히 세우지 않고 개발해서 쓸모없는 파일들과 폴더들, 중복되는 폴더들 등 디렉터리 구조를 보는데 가독성이 너무 떨어진다 생각해서 이들을 정리하는 작업을 진행했다.
