<TIL>

&lt; Quetsion >div를 가운데 정렬하는 방법 중 absolute 를 적용해보았는데, 화면을 줄이거나 늘려보았을때이미지 크기와 구역이 겹치는 등 화면 크기가 계속 달라졌었다. \-> 이미지 or 옆div 의 높이때문에 / 밖으로 싼 div의 80% 만 높이

🔫 user agent stylesheet이란?(= 사용자 에이전트 스타일시트)사용자 에이전트 / 브라우저에서 기본스타일을 제공하는 기본 스타일시트.모든 문서에는 이러한 user agent stylesheet가 있다. \-> &lt;link rel="style

오른쪽 하단 병합하기 가서하거나 수동으로 1\. &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD 삭제 2\. ======= 삭제 3\. >>>>>>> 4182…. 삭제 4\. 원하는 코드로 수정 5\. add & comm

학습법 >왜 를 항상생각하기. 로직과 코드에 대한 의도를 생각하기. 구현하고자 하는 기술, 스택에 목적과 근거 를 가지기. 이거 말고 다른 대안이 있는지 항상 고민하기. 더 좋은 방법이 있는지 고민하기. 협업 > 두괄식으로 전달하고자 하는 바를 명확하게 말하기. 데이

FACT이번주는 개인과제로 영화검색 웹페이지 구현을 진행중이다.javascript 5주차까지의 강의를 들은 후 과제를 진행하라고 하셔서 월요일, 화요일은 강의듣고 벨로그에 정리 / 프로그래머스 알고리즘 풀기 위주로 학습했다.제공된 강의를 벨로그에 정리하며 듣고있었는데,

아래 방법 몰라서 콘솔에 찍어서 확인했다.!개발자도구 -> Network -> Fetch/XHR -> 왼쪽 Name 선택 -> Response처음에는 동적으로 카드를 생성하는 함수를 만들었다. 영화제목만 담을 배열을 함수 밖의 eventListener에서 사용하고 싶었

FACTS저번 기록 이후로 목요일에 튜터님과의 개인면담시간이 있었다. javascript 공부방향을 고민중이라 과제와 책 비중에 대해 여쭤보았다. 사람마다 맞는 학습법이 달라서, 우선 이번주는 개인프로젝트에 집중하는 방향으로 잡았다. 제공된 js 강의는 뒷부분 내용의

1. Enter key 로 검색기능 구현. 엔터키 눌렀을때도 검색버튼 마우스로 클릭했을때와 같은 기능이 적용되도록 하고싶어서 keypress 일때 eventListener 사용했는데 계속 오류나서 이것도 4시간은 잡고있었다. 버튼 마우스 클릭은 이벤트리스너에 'clic

git branch 브랜치 이름git branch현재 위치한 곳에 \* 표시, 초록색이다.git switch 브랜치 이름 / git checkout 브랜치 이름git switch -c 브랜치이름 / git checkout -b 브랜치이름git switch 최종 브랜치

FACTS주말동안 자바스크립트 모듈화 + 깃허브 - README와 폴더트리까지 작성해서 추가 후, 4.29 월요일에 개인과제 제출을 했다. 수정해서 재제출을 하기 전에 튜터님께 코드리뷰를 받았다.우선 변수명이나 함수명은 직관적으로 잘 매치되었지만, main.css, m

FACTS이번 팀프로젝트에서는 영화상세페이지 리뷰작성기능을 맡았다. 대략적인 HTML 구조와 CSS 를 적용했는데, api로 데이터가 안넘어오는지 영화 포스터와 요약설명, 평점이 적용이 되질 않는다.그래도 하단의 리뷰작성 폼은 잘 보여서 작성하기까지는 기능구현을했다.

목요일 팀회의 이후부터 기능구현을 시작했다. 메인페이지에서 영화를 클릭하면 상세페이지로 넘어오고, 상세페이지는 사진과 같이 상단 - 영화에 대한 설명 / 하단 - 리뷰작성,수정,삭제와 리뷰목록이 보이게하는 기능을 구현하였다.우선, 단계별로 정리하자면영화 ID 를 url

git 복습 / 혼자 과제할때의 push 단계 / branch + PR

최종적으로 README.md 파일 작성 직전에 만난 깃 충돌..! 이번 팀프로젝트에서의 마지막 충돌 덕분에 이전 커밋으로 돌아가는 법을 배웠다. ❗문제에서 해결까지 마지막에 기능구현하신 팀원분께서 따로 브랜치가 없으셨고, 비교적 최근에 pull 받은 파일로 작업하신

useState / isDone + toggle / props / 불변성유지 / UUID / 유효성검사 / 삼항연산자

TodoList 개인과제 재제출

git Fork / git stash / git stash pop / git stash apply

리액트 숙련주차 / get Month( )+1 / useNavigate / Map / localstorage / styled component

useRef / useContext / Redux / Nivo - pie chart

TanStack Query(React Query) / useQuery / useMutation / invalidatequeries

지출내역 개인프로젝트 2nd

api / CORS / TypeError

api key / 유튜브 api 할당량 / 검색어 useContext 리렌더링

zustand / useRef / localhost 포트번호

초기셋팅 / 구글폰트 / 속성

tsc 권한문제 / CRLF error

MPA / SPA, CSR / SSR / SSG

* Next.js 개요 Next.js 는 React.js 를 기반으로 만들어진 프레임워크이다. ✔️ 라이브러리 vs 프레임워크 라이브러리 : 내가 모든걸 셋팅 -> 공통 기능의 '모듈화'가 이루어진 프로그램의 집합 프레임워크 : 모든셋팅이 되어있는게 나한테

next.js / tailwind / fetch

Image 컴포넌트 / Lazy loading / 환경변수 처리 / QueryClient + useState

setTimeout / setInterval / 디바운스 / 쓰로틀

에디터 통해서 이미지 삽입 -> 이미지 주소 엄청길다.(base64) -> 이미지 핸들러 함수를 통해 파일명 새로 정하기 module 은 useMemo 사용해야함 스토리지와 테이블 둘 다 정책 풀어줘야함 document 못가져옴 -> 가져오기전에 quill 사용하려해서 발생하는 오류 -> 다이나믹 import 사용 -> 부모 컴포넌트에서 자식 컴포넌트의 ...

✔️ swal tailwind css ✔️ useRouter a태그(Link 태그) 와 button 태그는 중첩될 수 없다. "/" 페이지로 이동한다는 것은, 브라우저의 히스토리를 추가하는 것이다. router.back()을 이용하시면 히스토리 스택을 제거하며 뒤로가는 역할 ✔️ useState 묶기 전체 state 가 동시에 처리되어야한다면, s...

favicon / middleware / !important / CSS 명시도

Sharp 라이브러리 / priority / Image CDN -> Cloudinary / lighthouse

CVA / if ("href" in props)

판매자 페이지 - 등록된 상품 삭제 / 체크박스 (전체, 일부선택) 추가

비동기함수 / await / publicUrl

사진파일 선택시 조건부 변경 / 채팅리스트 CSS

미들웨어 충돌 / 서버 컴포넌트, 클라이언트 컴포넌트의 supabase 호출