일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- utilty type
- reactjs
- 공통컴포넌트
- const 단언문
- 폰트적용하기
- React.js
- CSS
- 티스토리꾸미기
- 커스텀
- 개발콘텐츠
- React Native
- 2022
- vue.js
- 타입스크립트
- 제네릭
- javascript
- 누구나 자료구조와 알고리즘
- react
- typescript
- 타입좁히기
- JS console
- returnType
- NonNullable
- 리액트
- 레이아웃쪼개기
- Chart.js
- TSDoc
- 반복줄이기
- 성능최적화
- click and drag
- Today
- Total
목록전체 (622)
몽땅뚝딱 개발자
Spring Boot에서 같지만 여러개의 instance를 실행하는 경우 port를 매번 바꿔주는 수고로움 없이 설정하는 2가지 방법이 있다. 1. Edit Configurations에서 VM Option에서 port 설정하기 // -D는 새로 옵션을 추가하는 명령어 // 해당 어플리케이션 실행 시 실행할 포트 정해 VM Option에 입력한다. -Dserver.port=8082 2. 랜덤 port 사용하기 어플리케이션 실행 시 port가 무작위의 숫자로 정해진다. server.port=0 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
Spring Boot + JPA 테스트 중 로컬에 DB를 따로 설치해야하는 상황이 번거로워 H2 Hibernate를 사용했다. 프로젝트를 run 할 때 src/main/resources 아래 데이터를 insert하는 쿼리인 data.sql이 제대로 실행되지 않았다. 에러 org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'dataSourceScriptDatabaseInitializer' defined in class path resource [org/springframework/boot/autoconfigure/sql/init/DataSourceInitializationConfiguration.cla..
◽ @RequestParam URL 형태 :: http://test.com?index=1&code=0 // URL에서 "index"라는 이름의 파라미터를 받아온다. @RequestMapping("read") public String getIndex(@RequestParam("index") int idx) { // ... } // URL에 key값이 없는 경우(BadRequest 발생)를 대비하여 defaultValue를 지정해줘야 한다. @RequestMapping("read") public String getIndex( @RequestParam(value="index", required=false, defaultValue="") int idx) { // ... } // 파라미터가 많은데 DTO가 없거나..
에러 Uncaught SyntaxError: Unexpected token '
REST API의 HTTP methods는 GET, POST, DELETE, PUT 등 많은 종류가 있다. 예전 프로젝트에서는 이들의 차이점을 모른 채 GET, POST만 사용했었다. 잠시 잊고 있던 찰나, 오늘 유튜브 알고리즘에 유튜버 노마드 코더님의 영상이 추천됐다. 그리고 워스트 케이스에 내가 있어 충격을 받았고 다른 강의를 듣기 전에 미리 정리하고자 한다. 나는 지금까지 API를 구성하며, 이런식으로 이름 지었다. - getUserInfo: 유저의 정보를 가져오는 API - selectLessonInfo: 현재 레슨정보를 가져오는 API - setUserInfo: 유저의 정보를 수정하는 API - updateCoaching: 코칭 정보를 수정하는 API 그 당시엔 이런 네이밍이 직관적이라 생각했다..
◽ 경로 관련 cd $HOME ◽ txt 관련 :q 그만두기 :q! 저장하지 않고 종료 :wq 작성 후 종료 :wq! 강제 작성 후 종료 (읽기 권한만 있어도 작성가능) :x 쓰기 및 종료 :exit 쓰기 및 종료 :qa 모두 종료 :cq 저장하지 않고 종료 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
◽ Animista Animista - CSS Animations on Demand Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use. animista.net ◽ Hover.css Hover.css - A collection of CSS3 powered hover effects ianlunn.github.io
프로젝트를 GCP 서버에 배포하기 전에 로컬단위에서 돌아가는지 테스트해보았다. npm에서 제공하는 serve 패키지를 사용한다. ◽ serve 패키지 설치하기 npm install serve ◽ 실행하기 npm run build 명령어를 실행하면, 따로 output 폴더를 지정하지않는 이상 dist 폴더에 빌드결과물이 생성된다. 나의 경우 따로 빌드 경로를 지정했었기 때문에 다른 폴더였다. 아래 명령어를 실행하면 웹 서버에서 확인할 수 있다. serve -s 폴더이름 ex) serve -s dist 참고 및 출처 serve Static file serving and directory listing www.npmjs.com 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있..
◽ background-position - 첫번째 인자는 x축(가로), 두번째 인자는 y축(세로)이다. - 값의 형태는 %, px, cm 등 단위나 top, bottom, left, right의 방향으로도 설정할 수 있다. - 아무 값도 적지않으면 center가 기본값이다. background-position: 30% 50%; background-position: center 200px; 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
🚩 반응형 웹디자인 수업 (2021.07~2021.09) ⭐ 목적 · 전체적인 레이아웃을 위한 엘리먼트를 배치할 수 있다. · 디바이스의 폭에 따라 반응형으로 동작하는 웹페이지를 만들 수 있다. · 자식, 부모 속성을 부여하여 원하는 위치에 요소를 배치할 수 있다. 🔗 URL https://hvsundev.github.io/my-portpolio/project1/index.html 혹시나 전체적으로 구현된 모습이나 소스를 보고싶은 분이 계시다면 해당 파일 다운로드 후 알집을 풀고 index.html을 크롬으로 실행하면 볼 수 있습니다! 🎨 Design 📁 tree ├─ css │ ├─ common.css ├─ img │ ├─ 이미지들.. ├─ index.html 📄 index.html 개인 기업 로그인 ..