개발자 블로그 다른 곳보다 10원이라도 비싸면 100% 환불

const arr = [0, 1, 2, 3, 4, 5]; // arr.toString() => "0,1,2,3,4,5" 가 된다. arr.join("") // "012345"가 된다. console.log([...Array(9).fill(0), 5].join("")); // 0000000005

# json 파일 내용 더보기 [ { "id": 0, "date": 20210401, "task": { "working_on": [ { "id": 0, "content": "[JS] practice Promise()" }, { "id": 1, "content": "[JS] practice fetch()" }, { "id": 2, "content": "[JS] practice sleep()" } ], "done": [ { "id": 0, "content": "블로그 정리" }, { "id": 1, "content": "강의 듣기" }, { "id": 2, "content": "잠자기" } ], "error": [ { "id": 0, "content": "[JS] 내부함수 값 리턴이 안됨" }, { "id"..

# 코드 // json파일읽어오는 fetch function fetchData() { // 반환값을 받을 Promise 객체 생성 return new Promise(function (receive) { fetch("./202104.json") // json 파일 읽어오기 .then(function (response) { return response.json(); // 읽어온 데이터를 json으로 변환 }) .then(function (data) { receive(JSON.stringify(data)); // json파일을 텍스트로 }); }); } (async function () { // fetchData() 함수를 호출해 fetch() 후 두번의 .then()을 거치는 동안을 기다려 // 반환되는 값..

# HTML에서 이미지를 받아줄 img태그 # JS에서 base64 인코딩된 이미지 삽입 var imgcode = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcsAAAFACAMAAADkq6duAAAAxlBMVEX////tHyQAAAD6xcj3m57sAADtAg/z8/PtGyH6+vr39/esrKztFhxJSUlERETs7OykpKTh4eFfX1/Z2dlubm62trbGxsZ9fX2RkZEICAhnZ2ecnJyGhobwWlwzMzO+vr4WFhbze30eHh4oKChVVVX2j5P+8vDPz887Ozvyb2n+7+fvQz72mZX4q6795ub4ubrxZV3vJi/70sr0iYPvNTz82dbwU1H5ubLxaGr4rajzcHXwSE76zc3vNzT2oZz5wrz..

# querySelector() css selecter 처럼 태그명, 클래스명, id 등으로 불러와 js에서 쓸 수 있다. 해당되는 맨 처음 요소 하나를 가져온다. // 클래스명 document.querySelector(".btn-page").style.cursor = "pointer"; // id명 var btn_page = document.querySelector("#btn-page"); // 태그명 var section = document.querySelector("section"); # querySelectorAll() querySelector()와 사용법은 같지만 해당되는 요소 전체를 배열로 가져온다. document.querySelectorAll(".btn-page")[0].style.curs..

favicon.ico가 없을시 발생하는 오류 org.springframework.web.servlet.DispatcherServlet.noHandlerFound No mapping for GET /favicon.ico Failed to load resource: the server responded with a status of 404 () :8080f/favicon.ico:1 1. 프로젝트 폴더에 ico 파일 추가 2. index.html에 ico파일 경로 입력 # 완료

# css 웹페이지 드래그 및 커서 깜빡임 방지 html{ /* 드래그 방지 */ -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; } input 텍스트가 너무 가장자리로 가지 않게 input { padding: 10px 20px; }

scss만의 문법으로 css보다 편하게 작성 후 css로 컴파일해서 사용한다 # SassMeister sass/scss 문법을 css로 컴파일 해주는 사이트 사용하기 전 이렇게 세팅 # vscode에 scss 컴파일러 설치 node.js 설치 nodejs.org/en/ cmd에서 npm init -y 를 입력하면 setting.json 파일이 생긴다. vscode터미널에서 해당 프로젝트로 경로를 맞추고 npm install --save-dev parcel-bundler npm i -D parcel-bundler (위와 같음) scss 파일을 레퍼런스하는 index.html 문서를 작성한 뒤 //이게 들어가면 된다. 터미널을 열고 index.html이 위치하는 경로에서 npx parcel index.htm..

# www.youtube.com/watch?v=O7WbVj5apxU&t=568s ## CSS # 우측 위를 향하는 배경 그라데이션 background: linear-gradient(to right top, #65dfc9, #6cddeb); # div 중앙에 띄우기 display: flex; align-items: center; //가로 justify-content: center; //세로 # rgba 투명도까지 처리할수 있는 색상 코드 rgba(255, 255, 255, 0.7) # 모서리 둥글게 border-radius: 2rem; # 완전히 둥글게 border-radius: 50%; # 블러 처리 backdrop-filter: blur(2rem); # 가로로 놓기 display: flex; # 가로로..

# CSS 단위 em 부모 태그의 사이즈를 기준으로 잡는 단위 만약 가장 최상위의 글자 크기가 10px이고 하위 태그의 글자 크기가 1.2em이면 하위 태그의 글자는 12px가 된다. 또 그 하위 태그는 14.4px가 된다. See the Pen zYKXqjN by Soksurim (@soksurim) on CodePen. rem 최상위 태그의 사이즈를 기준으로 잡는 단위 See the Pen MWjRyBy by Soksurim (@soksurim) on CodePen. vh & vw (vertical height & vertical width) 뷰포트의 너비값과 높이값에 맞춰 사이즈를 조절한다. vh는 뷰포트의 높이의 1/100단위이다. 브라우저 높이값이 900px일때 1vh는 9px이 된다. See ..