서치라이트

갑자기 많은 정보가 들어와서 머리가 터질뻔했지만 세팅 완료!

1개 파일 당 1개 컴포넌트만내부 state/ref가있는 경우, Class extends React.Component없는 경우, normal function (arrow function 놉)mixin 사용 XNamingFile name: PascalCaseCompone

백엔드 세팅 후 프론트엔드 프로젝트 install! 처음으로 사용해보는 Next.js의 static exports 기능으로 어질어질한데 PID 발표 준비로 바쁜 팀원들..

기본 랜딩 레이아웃 완료~!

랜딩 홈 스타일링 진행..! PID 전날이라 매우 바쁜 팀원들 ㅋ_ㅋ

랜딩 홈 스타일링 진행 후 1시부터 PID 참여! 신기한 경험이었다... 그리고 갈매기살 너무 맛도리.....

CTO님이 내준 도커 세팅 숙제...

계속되는 랜딩 홈 스타일링.. 사무실이 옮겨졌다..! 너무 멀어짐 흑흑

드디어 랜딩 홈 스타일링 완료하고 블로그 페이지를 만들기 시작했다

블로그 상세 페이지의 API 연결과 레이아웃을 구현했다. static exports 때문에 머리 빠지는 줄 알았지만 너무 유익했다

블로그 상세 페이지를 어떻게 구현할 것인가.. 이때까지 프로젝트하면서 구현에 대한 고민은 많이 해본적 없던 것 같은데

블로그 페이지 완성 후 배포까지!! 완전 뿌듯했던 하루

블로그 상세 페이지 UX를 위해 스켈레톤 UI를 구현하고 git action 작업에 돌입..! 처음해봐서 두근두근

git action 완료!! 뭐야 별거 없잖아 쿄쿄쿄

기존 smore로 구현되어 있는 무료리스트 신청 페이지를 내재화하는 작업을 시작했다!

무료리스트 신청 페이지 API 연결 완료!

무료리스트 신청 페이지 완료하고 eslint에 import 순서 규칙을 추가했다

SEO 관련 세팅을 진행했다. 직접 해보니 SEO에 대해 확실하게 이해할 수 있었다!

sitemap과 동적인 opengraph를 적용하였다. Next.js에서 기능을 잘 제공해준다.. 역시 똑똑한 사람들이 만든건 달라

Sentry 설정 후 블로그 3번째 게시물을 업로드하였다. Sentry 설정은 했는데 아직 알림만 가는 정도이다..

KAN-165 - Sentry 트래킹 체크 완료KAN-166 - 블로그 태그, 썸네일 대응 개발 완료Sentry 설정개발 환경에서 비활성화github action env 추가블로그 내용 수정오픈 그래프 썸네일 추가이미지 alt 추가 (SEO)KAN-168 - 기본 레이

1. Today's Tasks KAN-168 - 기본 레이아웃 추가 + 테마 변경 피그마 오기 전 새로운 랜딩 헤더 푸터 히어로섹션 Swiper 2. Learnings and Questions Swiper 이슈 해결 global.css .swiper-wrapper

KAN-120 - SEO 관련 세팅 / 써드파티 세팅채널톡 + hotjar + sitemap 변경 + 캐노니컬 태그4번째 블로그 게시물 추가한 페이지를 가리키는 여러 개의 주소가 존재할 때, 검색 엔진의 로봇이 어떤 주소가 원본인지 알 수 있도록 하기 위해 사용하는 태

KAN-176 - FE 랜딩 리뉴얼 - 홈 화면4번째 블로그 이슈 수정KAN-176 - FE 랜딩 리뉴얼 - 홈 화면 진행

Today's Tasks KAN-176 - FE 랜딩 리뉴얼 - 홈 화면 진행 process section 추가 talent solution section 추가 client feedback section 추가 blog section 추가

KAN-176 - FE 랜딩 리뉴얼 - 홈 화면 진행반응형 (데스크톱, 태블릿, 모바일)트러블 슈팅 모바일과 데스크탑 폰트 차이가 너무 많이 나는 문제 -> 반응형 폰트코드리뷰 - "카이라이트 표시 특수기호는 웹 접근성 때문에 인코딩된 값(©)으로 바꾸

KAN-178 - FE 랜딩 리뉴얼 솔루션 화면 완료1차 피드백 완료KAN-186 - 1차 피드백 반영 리터치KAN-188 - CI/CD 신규 구성 시작

KAN-186 - 1차 피드백 반영 리터치KAN-188 - CI/CD 신규 구성 시작S3 + CloudFront 설정참고 자료Tutorial: Configuring a static website on Amazon S3 | aws(https://docs.aws.

1. Today's Tasks KAN-195 - 2차 피드백 반영 완료 KAN-188 - CI/CD 신규 구성 완료 2. Learnings and Questions CI/CD 적용 - s3 sync git action에 다음 내용 추가 3. Plan for Tomo

KAN-196 - FE 랜딩 리뉴얼 - 제품 소개 & 가격 화면 진행\+) 리뉴얼 페이지 메타 태그 삭제\+) git actions 기존/리뉴얼 페이지 배포 알림 메시지 구분6번째 블로그 추가KAN-206 - FE 랜딩 리뉴얼 - FAQ 화면 시작Blog 페이지 수정

KAN-206 - FE 랜딩 리뉴얼 - FAQ 화면 시작debounce를 사용하기 위해 lodash 패키지를 까는 것은 너무 비효율적이다. 간단한 debounce 함수를 이용해보자!KAN-207 - FE 랜딩 리뉴얼 - 블로그 화면 시작6번째 블로그 업로드

KAN-207 - FE 랜딩 리뉴얼 - 블로그 화면 시작6번째 블로그 업로드sticky 속성 뭔지 대충만 알고 몰랐던 속성. 이번에 블로그 목차를 구현하면서 제대로 알고 사용해봤다!sticky는 처음에는 relative 속성처럼 동작하다가,스크롤을 해서 요소가 보이는

KAN-207 - FE 랜딩 리뉴얼 - 블로그 화면KAN-214 - 3차 피드백 반영Table of Contents 개발 중 id와 hash(블로그 컨텐츠가 shadow DOM으로 되어 있어서 작동하지 않았음.useEffect와 scrollToIndex함수를 만들어서

KAN-207 feature - FE 랜딩 리뉴얼 - 블로그 화면 PR 리뷰 반영KAN-221 - FE 랜딩 리뉴얼 - 리스트 신청하기 화면KAN-229 - FE 랜딩 리뉴얼 - Contact Us 화면JS Doc은 JS를 위한 API 문서 생성기이다./\*\*를 앞에

KAN-211 - FE 랜딩 리뉴얼 - FAQ api 연결읽어도 에러를 해결할 수 없는 메시지들이 있다."로그인 시도 중 오류가 발생했습니다"비밀번호를 틀렸나?계정에 문제가 생겼나?인터넷 연결이 안 된 건가?너무 자세해도 보안에 문제가 발생하지만, 사용자가 해결할 수

KAN-211 - FE 랜딩 리뉴얼 - FAQ api 연결에러 핸들링블로그 6번째 컨텐츠 업로드KAN-211 - FE 랜딩 리뉴얼 - FAQ api 연결 계속

KAN-211 - FE 랜딩 리뉴얼 - FAQ api 연결 완료FAQ를 CSR로 구현할 경우 SEO에 부정적인 영향을 줄 우려가 있음.하지만 FAQList에서 api를 호출하고 싶었음... ㅠㅠFAQ는 SEO가 중요하다고 판단. SEO 최적화를 위해 상위 컴포넌트에서

인재 페이지와 등록 폼 만드는 중 tailwind css opacity가 기본으로 제공된다니..!

서치라이트 마지막 날!! 인재풀 등록 페이지까지 완료했는데 갑자기 무친 토끼의 코드 리뷰 폭탄..! 스크린 리더? aria-label? aria-hidden? 그리고 Atomic Design Pattern

서치라이트의 블로그 글을 정해진 형식의 HTML로 변환해주는 일명 '서치라이트 블로그 포매터'를 개발하였다