브라우저 기본 스타일 문제 태그는 브라우저가 기본으로 스타일을 지정해주는 요소이 기본 스타일은 Tailwind CSS로 쉽게 덮어쓸수 없다. 이유는 다음과 같다. 채워진 부분은 실제 요소가 아니라 pseudo-element(가상 요소)인`::-webkit-progress-value` 또는 `::-moz-progress-bar`로 그려지기 때문이다.Pseudo-element란?HTML 코드에 직접 보이지 않는, 브라우저가 내부적으로 만들어서 스타일을 적용하는 "가짜" 일반적인 클래스만으로는 접근하기 어렵다. Tailwind의 Arbitrary VariantsTailwind CSS의 JIT 모드에서는 [] 안에 직접 CSS 선택자를 넣어줄 수 있다.아래 코드는 내 안의 ::-webkit-progress-v..
input에서 readOnly 속성값을 true로 주고, 드롭다운으로 선택한 값을 유저에게 보여주어야 한다. 드롭다운으로 보여주는 값은 enum 값이 별도로 존재하였고, enum을 유저에게 보여줄 값으로 변환해야한다. 나의 상황을 순서로 정리해보자면 다음과 같다. 1. input은 readOnly 속성으로 클릭했을 때 dropdown으로 값을 선택2. dropdown에 들어갈 값은 enum 값이 존재. 3. 유저에게 보여줄 때에는 enum 값을 유저에게 보여줄 값으로 변환 아래는 enum 값, 유저에게 보여주어야할 값이다.→ 타입을 사용하지 않고 enum을 사용한 이유가 있나? : 없다. type으로 코드를 작성했는데, 사수님이 type은 자료값에만 사용하고 현재와 같은 상황에서는 enum만 사용하..
현재 나의 상황 이전 브랜치 feat/63현재 브랜치 refactor/64 ① refactor/64는 main branch를 베이스로 생성이 되었어야 했으나 feat/63를 베이스로 생성 ② 현재 refactor/64는 pr이 올라가있는 상태 ③ refactor/64는 feat/63에서 작성한 커밋을 포함한채로 pr이 작성 내가 원하는 것→ refactor/64는 메인을 기준으로 refactor/64 브랜치에서 작업한 커밋만 pr로 올라가길 희망git rebase --onto main feat/63 refactor/64 main → rebase 할 브랜치feat/63 → feat/63 브랜치 이후에 refactor/64에 추가된 커밋을 골라냄 아마 충돌이 났다고 잔뜩 뜰텐데 현재 코드로만 계속 진행한다..
Rest 란 무엇인가? REST (REpresentational State Transfer) REST는 표현 상태 전송의 약자이자 분산형 하이퍼미디어 시스템(distributed hypermedia systems)의 아키텍처 스타일이라고 한다."Roy Fielding"이 2000년에 그의 유명한 논문에서 발표 후 웹 기반 API(애플리케이션 프로그래밍 인터페이스)를 구축하는 데 가장 널리 사용되는 접근 방식 중 하나가 되었다.REST는 프로토콜이나 표준이 아니라 아키텍처 스타일이다.개발 단계에서 API 개발자는 다양한 방식으로 REST를 구현할 수 있다.다른 아키텍처 스타일과 마찬가지로 REST에도 기본 원칙과 제약 조건이 있는데,`서비스 인터페이스를 RESTful` 이라고 지칭하려면 이러한 원칙을 충족..
` 터미널 열기 ` ctrl + `` 터미널 새로 열기 ` Ctrl + Shift + 5
나아아앙중에 또 까먹을까봐 적어놓는 메모용ㅎ0ㅎgit clone [복사한 URL]
` `띄어쓰기
사실 별거 아닌 트러블 슈팅이지만 차후 참고사항으로 쓸 수 있을 것 같아서 작성해본다.. index로 계속 문제를 겪고 있었다. 당연히 css로 해결해야하는 것 이라고 생각하고 다양한 방법으로 css를 주고 있었다. boolean 값으로도 해보고 아는 선에서 다 시도해 보았지만 index가 주어지지 않았다. const [userDotKey, setUserDotKey] = useState(() => `userDot-${Date.now()}`);결국 key값을 주고 강제로 렌더링을 할 수 있도록 해보았다. 이렇게 강제로 렌더링을 시켜 `dom`에 그려지는 순서를 조작했지만 문제는 동일한 닷 컴포넌트를 그리는 커스텀오버레이에서 hover가 되었을때와 되지 않았을때를 나누는 에서는 index를 줄 수 ..
- Total
- Today
- Yesterday
- 별점만들기
- axios CRUD
- readme작성해보기
- styled component GlobalStyle 사용방법
- readme 작성해야 하는 이유
- axios 설치하기
- readme 이미지 추가 방법
- Fetch와 Axios 의 장단점
- readme 작성 방법
- Warning: Each child in a list should have a unique "key" prop.
- 유효성검사
- 영화별점만들기
- axios 사용하기
- git cache
- styled component 조건부 사용방법
- axiosinstance 사용 시 토큰 사용 법
- 유효성검사 css
- axios instance 작성하기
- styled component 설치방법
- 영화 별점
- 에러모음집
- styled component 사용방법
- Warning: validateDOMNesting(...): <li> cannot appear as a descendant of <li>
- Warning: A component is changing an uncontrolled input to be controlled.
- readme 역할
- simple Icon 사용방법
- 별점 색채우기
- nextjs 토큰 만료처리하기
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |