본문 바로가기

웹공뷰49

[css] box-sizing standard box width:300px, border:5px, padding:40px 총 너비 : 300 + (5*2) + (40*2) = 390px alternate box width:210px, border:5px, padding:40px 총 너비 : 210 + (5*2) + (40*2) = 300px box-sizing에 border-box를 설정하면 alternative box의 width는 정말 box의 width 300px에 맞춰지게 된다. 더 예제를 다뤄봐야겠다. 왜 사용하는지에 대해서 아직 감이 잘 안온다. 2022. 6. 15.

[spring] maven config 프로퍼티 파일 추가/설정/활용 0. 왜 사용하나? - 개발환경과 배포환경이 다를 경우가 비일비재하다. - 일반적으로 개발은 윈도우에서, 배포는 리눅스 서버에서 하게 될 경우가 많다. - 매번 환경설정을 그에맞게 수정하다보면 가끔 실수를 하기 마련. - 아예 개발모드/배포모드를 구분하여 설정파일의 값을 읽어오도록하자. 1. 사용하는 파일 - web.xml : 개발모드인지 배포모드인지를 구분 - config.properties : config.properties 뿐만 아니라 config-dev.prop~, config-prod.prop~ 등 배포 환경별 설정 파일 - Config.java : 설정파일의 key, value를 읽어와 실제 코드에서 사용하게 만들어주는 클래스 2. web.xml - ~/src/main/webapp/WEB-IN.. 2022. 6. 9.

js fetch 후, response 응답이 느린 문제 문제 let url = `${TSP_SVR_URL}/fix_points`; fetch(url, { method: "POST", headers: { "Content-type": "applicaion/json", }, body: JSON.stringify({ SPoint: pointList[0], EPoint: pointList[0], SPointList:{ nodes:pointList.slice(1, cnt) }, }), }) .then(response => response.json()) .then(body => { console.log(body) }); fetch 요청 시에 response의 body가 너무 늦게 오는 현상이었다. 프리플라이트가 제일 먼저 오고, 그다음 fetch response가 들어오.. 2022. 4. 29.

firebase spark 요금제 프로젝트 기본 설정 0. 필요환경 - node - firebase에 프로젝트 생성 완료 1. firebase 설치 user> npm install -g firebase-tools npm WARN deprecated har-validator@5.1.3: this library is no longer supported npm WARN deprecated debug@4.1.0: Debug versions >=3.2.0 =4 firebase login i Firebase optionally collects CLI usage and error reporting information to help improve our products. Data is collected in accordance with Google's privacy p.. 2022. 3. 23.

이전 1 ··· 5 6 7 8 9 10 11 ··· 13 다음

티스토리툴바