072DATA

https://0723-0725.tistory.com/110 깃 허브 계정 플래그 및 일시 정지 (Your account has been flagged,Your account is suspended)최근 TIL이나 깃허브 잔디를 심지 못했던 이유가 있었는데 바로 깃허브 쉑 때문이다. 멘탈이 가출해버렸기 때문에 이 무기력함은 말로 설명하기 어렵다. 쨌든... 내가 겪었던 썰을 풀어보겠슴다0723-0725.tistory.com 이전에 깃허브 측에서 계정에 대한 제한이나 일시 정지가 풀렸다는 답변을 받아도 깃허브의 레포지토리에 push 하려고하면 Your account is suspended라는 오류가 나왔는데이러한 내용을 다시 문의 했더니 새로운 해결책을 주었다. echo url=https://github...

깃 허브 계정 플래그 및 일시 정지  2https://0723-0725.tistory.com/111 깃 허브 계정 플래그 및 일시 정지 2 (Your account has been flagged,Your account is suspended)https://0723-0725.tistory.com/110 깃 허브 계정 플래그 및 일시 정지 (Your account has been flagged,Your account is suspended)최근 TIL이나 깃허브 잔디를 심지 못했던 이유가 있었는데 바로 깃허브 쉑 때문이다. 멘0723-0725.tistory.com   최근 TIL이나 깃허브 잔디를 심지 못했던 이유가 있었는데 바로 깃허브 쉑 때문이다. 멘탈이 가출해버렸기 때문에 이 무기력함은 말로 설명하기 ..

기술면접 솔직히 답변 적으면서 서치도 해보다보니 실제로는 대답 못할 것 같은 질문이 있슴다..하지만 이렇게 연습을 해놔야 내일 있을 모의 면접에서 웃음을 선사하기 싫어서 미리 학습해봤씀다...어떻게보면 기술면접 준비하는 과정도 학습이라고 생각해서 TIL로 제출해버릴까 합니다... 그럼 이만^_^b  Q . HTTP 프로토콜의 GET과 POST 요청의 차이점은 무엇인가요?A. GET은 URL에 데이터가 노출되어 조회와 캐싱에 적합하고,POST는 body에 데이터를 담아 보내어 보안성이 높고 데이터 생성에 적합합니다.Q.  자바스크립트에서 동기(Synchronous)와 비동기(Asynchronous)의 차이점은 무엇인가요? A. 동기는 코드가 순차적으로 실행되어 흐름 예측이 쉽고, 비동기는 여러 작업을 동시..

🚨 문제 상황 Modal 컴포넌트에 Tailwind CSS로 스타일을 적용했을 때의도한 대로 스타일이 적용되지 않는 현상이 발생했다.// 적용이 잘 안되는 Tailwind 스타일 {/* 모달 내용 */}  하지만 같은 스타일을 인라인으로 적용했을 때는 정상적으로 작동했다.// 정상 작동하는 인라인 스타일 {/* 모달 내용 */} 🔍  원인 분석 JIT 컴파일러 이슈Tailwind CSS의 JIT 컴파일러는 빌드 시점에 사용된 클래스만 생성함동적으로 생성되는 모달의 경우 컴파일 시점에 해당 스타일이 포함되지 않을 수 있음.스타일 적용 시점의 차이인라인 스타일: 런타임에 직접 DOM에 적용됨Tailwind: 빌드 타임에 생성되어야 함 인라인 스타일이 적용되는 이유     런타임 vs 컴파일타임인라인 ..

🔍 문제 상황사용자가 하루에 한 번만 챌린지를 제출할 수 있어야 하는데 중복 제출이 가능한 문제가 발생했습니다.  발생한 구체적인 문제점 같은 날짜에 여러 번 챌린지 제출이 가능시간대(Timezone) 처리로 인한 날짜 계산 오류DB의 timestamptz 타입과 프론트엔드의 날짜 처리 불일치캘린더 데이터 표시 불일치동일한 시간대 이슈로 인해 캘린더에 챌린지 데이터가 잘못된 날짜에 표시되거나 누락되는 현상 발생월별 통계 데이터 계산 시 날짜 기준이 불명확한 문제  문제의 원인 1. 복잡한 시간 범위 쿼리 접근초기 해결 시도에서는 다음과 같은 복잡한 쿼리를 사용했습니다...const { data: todayChallenge } = await supabase .from("challenges") .sel..

오늘은 내일 있을 기능 분배에 대해서 더 활기찬 참여를 위하여 어떤식으로 기능 분배를 하면좋을지에 대해서 생각해 보기 위해 기능 분배 방식과 생각을 정리해보려고 한다 이제 곧 프로젝트 개발이 시작될 듯 한데 이런 끄적끄적 적는 포스팅도 이제 마지막이겠지... 컴포넌트 단위로 기능 분배  컴포넌트 단위로 기능을 분배하는 경우에팀원들이 UI 요소나 특정 기능을 담당하는 작은 컴포넌트를 맡아서 개발함 예로 들어서팀원1: 버튼, 모달 같은 UI 컴포넌트 개발팀원2: 로그인 폼, 검색 바 같은 기능성 컴포넌트 개발팀원3: 카드 리스트, 그리드 레이아웃 컴포넌트 개발이런 방식으로 재사용 가능한 단위의 기능을 개발할 때 초점을 맞추고컴포넌트 단위로 분배하여 독립적으로 작업하고 이 컴포넌트 들을 페이지에 모아서 더큰 ..

- 1분 이내의 자기 소개안녕하세요 저는 노용철입니다 내일배움 캠프에서 프론트엔드 과정을 수료(예정)하여 5번의 팀 프로젝트를 통해 협업 능력을 키웠고, React와 Next.js에 대한 전문성을 쌓았습니다. 저는 학습 과정을 즐기며 늘 새로운 것을 배우고자 하는 열정이 있습니다. 이러한 노력을 바탕으로 사용자 경험을 향상시키는 인터랙티브한 프론트엔드 개발자로 성장하고 싶습니다.- 어떻게 개발을 시작을 하게 되었나요?제가 개발을 시작하게 된 계기는 군 복무 중 한 동기의 영향이 컸습니다 사실 어릴 적부터 저는 플래시 8 같은 도구로 새로운 것을 만드는 것을 즐겼습니다. 하지만 시간이 지나며 이런 창작에 대한 열정이 잊혀졌었죠. 동기의 성과를 보면서 제 안에 잊혀져 있던 이 열정이 다시 깨어났으며이 경험은..

최종 프로젝트 계획최종 프로젝트에 대해 데드라인에 맞춰서 어떤 식으로 개발에 들어갈지 계획좀 짜야겠다 프로젝트 데드라인주제 및 기획 선정 10/19~10/21MVP 기능 구현 완료 및 배포 ~11/6
UT 테스트 시작 ~11/8UT 테스트 기반 기능 개선 및 버그 수정 ~11/11최종 발표 11/21 주제 및 기획 선정 10/19~10/21 주제 및 기획 선정으로 팀원끼리 아이디어를 모아서 오늘 주제를 결정하게 되었는데내가 냈던 아이디어 중 하나인 친환경 관련 웹 서비스가 채택 되었다. 사실 맨 처음에 냈던 디지털 갤러리 및 마켓 플레이스가 상당히 좋은 아이디어로 떠올랐고긍정적인 반응이 많아서 이 아이디어가 채택될듯 했었다 왜냐하면 이 아이디어는 개발하고자 하는 것이 명확했다자신의 작품을 알리고 싶은 아..

에러 사항  "Rendered more hooks than during the previous render" 오류는React에서 훅을 호출하는 규칙을 위반했을 때 발생한다고 함 규칙을 위반했다는 뜻은 조건부로 훅을 호출하거나, 반복문 안에서 훅을 호출할 때를 의미하는데 CommentItem 컴포넌트에서 useDeleteComment 훅을 사용하는 방법에 문제가 있었음 문제 원인 useCommentNickname 훅을 map 함수 내부에서 호출했기 때문에 에러가 발생했고React Hooks는 컴포넌트 함수의 최상위 레벨에서만 호출되어야 하며 그렇지 않으면 렌더링이 반복될 때 Hooks 호출 순서가 변하게 되어 에러가 발생함 문제 코드 {data.map((comment) => { const { data: ..

롤 관련 정보를 보여주는 사이트를 next.js와 타입 스크립트로 프로젝트를 진행하던 도중  Vercel로 배포하는 과정에서 나서 403 에러코드가 나왔다..  일단 API Key가 제대로 입력되지 않은 건 아닐까 하는 마음에 API Key를 재등록 해보았다  하지만 그럼에도 해당  오류는 계속 유지되고 있는데 엔드포인트를 읽지 못하는 건지 ..    혹시 몰라서 try catch문을 제거하고 다시 빌드해보기로 했다 그러다.. 갑자기 라이엇에서 제공하는 API Key에는 유효기간이 있었다는 사실을 정말 깜빡 있고 있었다.. 혹시 몰라서 찾아보니 빨간 글씨고 유효 기간이 만료되었다는 것을 목격했다    새로운 API로 재발급 받고 썬더 클라이언트를 사용해 API를 호출해보니 데이터가 나오는 것이다!!yar..