📌 참고 : 잇츠카드 모바일 청첩장https://www.itscard.co.kr/mobile/new_m/mcard/minifyHTML/MCard29.asp(위 청첩장과 최대한 비슷하게라도 구현해보자! 할 수 있다!)강의 수강 중 '이런 기능 배워서 모바일 청
💡 이제 보여지는 모양새는 얼추 갖추어 놓았으니, 실제로 사용하는 것처럼 움직임을 줘볼까?!
첫 팀프로젝트 '우리 팀을 소개합니다' 웹페이지 만들기 회고
github 배포 주소 : https://innes-k.github.io/movie-ranking/github repository : https://github.com/innes-k/movie-ranking.git프로젝트 명 : Top20 Movies
MOVIE BOX (Javascript Project) 바닐라 자바스크립트\_영화 검색 사이트 주소 : https://picoloman6.github.io/nbc_TMDB 🖥️ 프로젝트 소개 TMDB openAPI를 이용하여 만든 영화 검색 사이트입니다. 🕰
리액트\_To Do List 관리 사이트주소 : https://innes-k.github.io/todo-project/할 일 목록 'To Do List'를 추가 및 관리하는 사이트 입니다.2024.01.19 ~ 2024.01.22 (4일간)React, HTML
React\_그룹 아티스트 팬레터 사이트context API, Redux 전역 상태 관리Router 페이지 이동그룹 아티스트 중 멤버를 선택하여 팬레터를 보내는 사이트입니다.24.01.29 - 24.02.04 (7일간)React, HTML5, CSS3context AP
github : https://github.com/picoloman6/nbc_travel_vibe.git배포 주소 : https://nbc-travel-vibe.vercel.app/프로젝트명 : Travel Vibe개발 기간 : 2024.02.07 ~
모든 경로를 로그인 페이지로 리디렉션하기 로그인 상태일때만 다른 페이지들 접근할 수 있게하고, 로그인 안된경우는 로그인페이지만 뜨게 만들기! "/"가 기본 홈페이지인데, "/login"으로 정해져있는 로그인 페이지를 메인페이지로 만들려면 어떻게 해야하지? `` 컴
배포 링크 : https://nbc-outsourcing-project-utrend.vercel.app/github : https://github.com/Sparta-outsourcing-Project/Sparta-outsourcing-Project시
지금까지 숱한 팀프로젝트를 해오면서, 특히 최근 백엔드와 협업하는 프로젝트를 진행하며 배운 기획 과정을 기록하고자 한다.프로젝트를 혼자 시작하려니 할건 많은데 뭐부터 해야할지, 이거 하다보면 저거도 보이고, 저거 하다보면 또 다른 해야할일들이 계속 보여서 이도저도 안되
📝 장장 9월 ~ 11월 중순 까지 4명의 팀원들이 매일 최소 3~4시간 씩 쏟아부으며 기획 및 디자인한 애증의(?) DevRace! 🚘 (기능 구현은 11월 중순이 된 이제야 시작하는게 함정...) 백엔드와의 협업은 처음이기에 이번 프로젝트의 기획 과정을 간략하게
📝 참고) vite + react + typescript 프로젝트 생성에 큰 도움을 받은 블로그 👍분명... 이 블로그대로 하면 vite으로 react + ts 프로젝트 생성하는데 문제 없을 줄 알았는데... 생각지 못한 여러 문제들을 직면하게 되어 정리하는 트러블
❌ 에러 메세지 : 알 수 없는 컴파일러 옵션 'noUncheckedSideEffectImports'입니다.ts tsconfig.app.json 파일에서 "noUncheckedSideEffectImports": true 이 부분에서 발생한 오류가 해결이 안되고 있었다.
blob : 이미지 file을 업로드할 경우, 브라우저에서만 임시로 이미지를 보여줄 수 있도록 메모리에 저장하는 임시 url 형식이 blob이다.예시 : blob:Url 이 형식은 언뜻 보면 이미지 주소로 변환된 것 같지만, 서버에 보낼 수 있는 일반적인 url이 아니
참고) 유닛테스트를 위한 jest 초기 설정 w.리액트 프로젝트screen, fireEvent를 "@testing-library/react"에서 import했으나 오류 발생에러 메시지 : "@testing-library/react"' 모듈에 내보낸 멤버 'screen'