overflow clip (overflow hidden과 차이점, overflow-clip)
2023. 10. 24. 23:27
Frontend/HTML, CSS, DOM, jQuery
오버플로: 숨김과 마찬가지로 오버플로: 클립이 있는 콘텐츠는 요소의 패딩 상자에 클립됩니다. clip과 hidden의 차이점은 clip 키워드는 프로그래밍 방식의 스크롤을 포함한 모든 스크롤을 금지한다는 점입니다. 즉, overflow의 clip은 잘린부분 안보여주고, hidden은 스크롤이 생겨서 잘린부분 보여줄 수 있다
TypScripti) 특정 값 배열 타입, 인자, 파라미터 안에 any인 불특정 인자
2023. 2. 17. 00:05
Frontend/HTML, CSS, DOM, jQuery
특정값 배열 type method = "GET" | "POST" | "DELETE" interface ConfigType{ method: method[], } any 타입의 req.method method.includes(req.method as any)
NextJS) NextAuth 로그인 인증 (login authentication)
2023. 2. 13. 16:58
Frontend/HTML, CSS, DOM, jQuery
주소 NextAuth.js Authentication for Next.js next-auth.js.org 특징 인증을 위한 nextJS 도구 자동으로 제공 장& 단점 prisma, 커스텀마이징 어려움 데이터베이스 없이 사용 가능 누가 로그인 했는지 식별 불가능 사용하기 쉬움 사용법 셋팅 provider 사용 밑에만 넣으면 애플 로그인이 생김 prisma 데이터베이스에 넣고 싶으면, 복붙하면서 이름과 형식을 따라야 한다 이름이 틀리면 작동 안된다. 셋업 스키마 변경
typescript) path 변환, rute 짧게 변환 '@' 로
2023. 1. 27. 18:24
Frontend/HTML, CSS, DOM, jQuery
tsconfig.json 추가할 코드 "baseUrl":".", "paths":{ "@libs/*":["libs/*"], "@components/*":["components/*"] } 바꾸기 기능을 이용