본문 바로가기

HELP13

[CSS-CLIP-PATH MAKER] CSS polygon 만들어주는 사이트 https://bennettfeely.com/clippy/ Clippy — CSS clip-path maker About Clip Paths The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source. CSS Animations and transitions are possible with two or more clip-path shape bennettfeely.com css 에서 좌표나 위치 지정해서 무언가 효과를 줘야 하거나 작업을 해야 할때, polygon을 사용 하게 된다.. 2023. 1. 30.
[GRADIENT] 그레디언트 조합이 어려울때 https://uigradients.com 그레디언트 조합을 추천해주는 사이트다. .bg{ background: #EDE574; /* fallback for old browsers */ background: -webkit-linear-gradient(to bottom, #E1F5C4, #EDE574); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to bottom, #E1F5C4, #EDE574); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } 코드표를 클릭하면 그 색상만 따로 복사를 할 수도 있고, 코드 블럭 모양 아이콘을 클릭하면 해당 부분 css.. 2022. 12. 2.
[JS,Error] ncaught ReferenceError: Cannot access 'h3' before initialization 1. 에러 상황 메세지 입력 시 h3 으로 출력이 되야 하는 부분에서 출력이 안되는 상황 발생. 2. 이유 const h3 = room.querySelector(h3) 부분에서 h3의 "" 가 없어 인식을 못함. 3. 해결 const h3 = room.querySelector("h3") 으로 수정해주기 2022. 11. 25.
[node,Error] 'babel-node'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 1. 에러 상황 npm run dev로 로컬 서버 실행 중 'babel-node'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 문구와 함께 실행 오류 2. 이유 babel-node 파일의 경로 및 존재여부가 정확하지 않음. 3. 해결 global 옵션으로 설치하기. npm i @babel/node -g 2022. 11. 25.
[HTML , Error] Failed to load resource: the server responded ... 1. 에러 상황 nodeJS 공부중 console 창만 키면 보임 / 서버가 돌아가는 부분에서 아무 문제가 없다. 2. 이유 상단 주소 부분에 favicon 링크가 존재하지 않아 생기는 오류이다. (거슬리지 않다면 안해도 무관.) 3. 해결 html파일 상단부분에 파비콘을 만들어서 넣어준다 하단 link 태그 를 넣어준다. // 지구본 모양 파비콘을 표시해준다. 2022. 11. 25.
[git , Error] error: '주소' does not have a commit checked out 1. 에러 상황 로컬에서 저장소로 [ git add . ] 를 하는 과정에서 상황 발생. 2. 이유 해당 경로 사이에 git 레포지토리 파일이 들어가 있어서 생긴 현상. 3. 해결 해당 폴더 [보기] - [ 숨긴항목 ] 체크로 .git 폴더가 있는지 확인 후 삭제. 다시 [git add .] 를 하면 정상적으로 되는것을 확인할 수 있다. 2022. 11. 25.
[git , Error] error failed to push some refs to ... 1. 에러 상황 로컬에서 저장소로 [ git push origin master ] 를 하는 과정에서 상황 발생. 2. 이유 다른 컴퓨터로 커밋을 하고 자료를 정리하던 도중 해당 컴퓨터로 로컬로 자료 업데이트를 하지않아 저장소와 로컬의 저장상태가 다름. 3. 해결 [ git pull ] 로 로컬과 저장소의 저장 상태를 동일하게 만들어줌. pull로 정보를 땡겨 온다고, 현재 작업 중이던 파일이 사라지거나 바뀌지 않는다. (일부 파일의 정보는 변경되거나 삭제 될 수도 있다고 함). 2022. 11. 25.
[CDN] Jquery Jquery JS를 더 간편하게 더 직관적으로 사용 할 수있게 해주는 대표적인 JS 라이브러리다. 하지만 안에 담겨있는 내용이 방대해서 사이트의 규모에 비해 사이트가 무거워 지는 일이 많아졌다. 이제는 제이쿼리를 많이 사용하지 말자는 추세이고, 그 추세의 맞게 다른 라이브러리 혹은 프레임워크들에서 Jquery를 빼고 JavaScript 로 코드 내용을 바꿔 사용하고 있기도 하다. 하지만 아직까지도 홈페이지 속에서 Jquery가 많이 사용 되고 있다. 간혹 사용을 해야하는 경우도 있어서, 그때마다 제이쿼리 사이트를 들어가거나 JS 폴더 속에 넣기가 귀찮기에.. cdn을 남겨둔다. ( 내가 필요하기 때문에 ) 1. 항상 최신버전으로 사용 2. 1.11.1 버전 ( 1버전 마지막) 3. 3.2.1 버전 2022. 11. 25.
[CDN] reset.css Reset 홈페이지를 작업 할때, 기본적인 css 세팅이란걸 해야한다. html 페이지 자체는 기본적으로 여백(margin , padding) 이 들어가 있기도하고, a태그 같은 경우에는 링크 속성이 들어가게 되면 파란색 글씨와 밑줄이 나오게 되는데 이런 부분들은 다 없애고 필요한 규격으로 맞춰줘야 하기 때문이다. ( 내가 필요하기 때문에 ) 1. CDN reset link 2. 직접 파일로 만드는경우 (URL) URL - https://meyerweb.com/eric/tools/css/reset 링크를 들어가면 나오는 홈페이지에 내부 내용을 복사하여 직접 reset.css 폴더를 만들어서 넣어준다. 3. CDN 적용보다 직접 만드는 reset 파일이 더 좋은이유 기본적인 리셋에 대한 부분에서 적용이 안.. 2022. 11. 25.
728x90

티스토리툴바