본문 바로가기

프론트엔드7

[책 리뷰] Do it! 자바스크립+ 제이쿼리 입문 개정 2판 개발 공부하시는 분들은 다들 책장에 Do it! 한권 쯤은 꽂혀있을겁니다. 저도 웹 개발을 공부를 시작했을 때 처음으로 구매한 책이 바로 이 Do it! 자바스크립트 + 제이쿼리 입문(전면 개정판)이었습니다. 자바스크립트 말고도 플러터, 플라스크 등 입문서는 대부분 Do it!으로 구매했는데, 단언컨대 개발 입문서로는 가장 유명한 시리즈가 아닐까 싶습니다, 10년 넘게 자바스크립트 입문서 베스트셀러를 유지해 온 Do it! 자바스크립트 + 제이쿼리 입문이 이번에 개정판으로 새롭게 출판되었습니다. 첫 자바스크립트 입문을 이 책으로 한 만큼 반가웠고, 또 리뉴얼된 이쁜 표지에 구매 욕구가 뿜뿜하던 차에 서평단에 당첨되어 책을 지원받았습니다🎉 본 서평은 이지스퍼블리싱에서 책을 제공받아 작성되었습니다.💡개.. 2024. 12. 29.

[트러블슈팅] Excel 날짜 데이터 변환 과정 중 ""로 처리되는 문제 해결 인턴 업무 중 데이터를 엑셀로 등록하는 기능을 개발하고 있다. 등록하는 데이터 중, 날짜를 처리하는 과정에서 많은 어려움을 겪었고, 문제를 해결한 방법을 기록해보려고 한다. 문제 상황상품 일괄 등록을 위해 Excel 파일을 업로드하는 과정에서 날짜 데이터 처리 오류가 발생했다. 사용자가 Excel에 입력한 판매 시작일과 종료일이 시스템에서 처리될 때 의도하지 않은 날짜로 변경되는 현상이었다. 구체적인 문제 상황:Excel에 실제 입력한 데이터: 2024-11-15Excel에서 실제 저장된 형태: 45611시스템 처리 후 : 빈 문자열("")최종 API 전송 시: 현재 날짜 + 1년으로 자동 설정이로 인해 판매자가 지정한 판매 기간이 아닌, 현재 날짜 기준으로 자동으로 기간이 설정되는 문제가 발생했다. .. 2024. 12. 21.

[트러블슈팅] Jenkins와 Github Actions로 CI/CD 구축 중 무한 빌드 문제 해결하기 Jenkins와 Github Actions로 CI/CD를 구축하는 과정에서 계속해서 문제가 생겼다.Github Actions로 Jenkins 트리거는 잘 이루어졌으나, Jenkins에서 빌드가 무한 로딩 상태에 빠져버리는 현상이 발생한 것이었다. 문제 상황 빌드가 실패하지는 않았다. 차라리 실패라도 했으면 원인을 알고 해결을 했을 텐데, 이유도 모르고 그냥 무한 빌드 상태에 빠져버리니 직접 종료-재실행만 반복하는 상황이었다. 콘솔 로그는 다음 메시지만 반복해서 출력되었다. Still waiting to schedule taskWaiting for next available executor 원인을 파악하고 해결하는데 3일 이상이 소요되었고, 문제 해결 과정을 기록해본다.접근 1. Executor 설정.. 2024. 12. 1.

[책 리뷰] 나의 첫 HTML & CSS 웹 디자인 학습 후기 저의 첫 웹 프로그래밍 경험은 20살, 대학생 1학년 때였습니다. 당시에는 웹 프로그래밍에 별로 흥미를 느끼지 못했습니다. 입력하는 족족 브라우저에 반영되는 것이 신기하긴 했다만, 그뿐이었고 오히려 margin이니 padding이니 하나하나 설정해주어야 하는게 너무 귀찮았습니다. 더욱이 기말 프로젝트에서 미디어 쿼리 기반 반응형을 구현하면서 질려버렸고, 휴학하고 복학하여 3학년이 될 때까지 html, css는 쳐다도 보지 않았습니다.고등학생 때부터 게임 개발자가 꿈이었기에 웹 프로그래밍은 쳐다도 안봤고, 게임 개발자 꿈을 접고 인공지능을 공부할 때 까지만 해도 웹 프로그래밍은 안중에도 없었습니다만..어쩌다보니 지금은 프론트엔드 개발자를 준비하고 있습니다. 3년전과는 다르게 이제는 CSS가 제일 재미있는.. 2024. 11. 30.

[Next.js] 로그인 뒤로가기로 접근 제한하기-router.push vs router.replace 인계받은 프로젝트를 확인하던 중 재밌는 상황을 발견했습니다. 로그인 후 홈 화면에서 뒤로가기 버튼을 누르면, 다시 로그인 페이지로 돌아가는 문제였습니다. 상단의 GNB(글로벌 네비게이션 바)를 보면, 로그인 상태임이 분명한데, 콘텐츠 영역에서 로그인 페이지가 표시되는 부자연스러운 상황이었습니다. 생각해보면, 로그인 상태에서는 뒤로가기를 눌러도 로그인 페이지가 표시되지 않는 것이 자연스러운 흐름일텐데, 이 상황은 UX와 보안 측면에서 정상적인 서비스 플로우는 아니라고 판단하여 사용자가 뒤로가기를 눌러도 로그인 페이지로 돌아갈 수 없도록 로그인 페이지 접근 제한을 구현하기로 했습니다. 해결 방법처음에는 토큰 유무를 확인해 리다이렉트 처리하는 방법으로 접근했습니다.이전 프로젝트에서도 이런 방식으로 권한 별 접.. 2024. 11. 19.

useEffect 의존성 배열에 onChange 설정 시 발생하는 무한 렌더링 오류 수정 프로젝트를 인수인계 받아서 작업 중인데, 작업 목록 중 이미지 수정 시 무한 렌더링 오류 발생 항목이 있었다. 이전부터 오류를 인지하고는 있었는데, 어떤 조건으로 발생하는 오류인지, 원인이 뭔지는 모른다고 하셨다. 내가 작업하기로 하여 일단 조건부터 찾아보려고 하였는데 찾을 것도 없이 이미지 수정만 하면 무조건 발생하는 오류였다. 오류 로그를 보니 useEffect 활용 관련해서 문제가 발생하는 같았다. 그런데 오류 발생 코드에 useEffect가 5개 이상 선언되어 있어서 찾기 너무 어려웠고..모든 useEffect 내에서 콘솔을 찍어 문제를 유발하는 useEffect를 찾아내었다. 콘솔을 찍어보니 문제 발생 컴포넌트에서 무한 렌더링 되어 일정 스택을 찍으면 아래 오류 메시지가 출력되는 구조였다. (.. 2024. 11. 10.

이전 1 2 다음

티스토리툴바