Hello, sbb!

$$config title: 최경현 wiken keywords: - IT $$ # 보기페이지 단축키 * 현재문서 수정하기 : Alt + Shift + 6
## 유튜브 링크 걸기 $$youtube $$
## 코드 하이라이팅 ```html

``` ```css div {color: #fff;} ``` # 아이콘 적용 * [Font-Awesome](https://fontawesome.com/search?o=r&m=free) * [cdnjs](https://cdnjs.com/) # 텍스트 커스텀 * [hax color picker 바로가기](https://www.google.com/search?q=color+picker&oq=color+pi&aqs=chrome.0.0i433i512j69i57j0i512l8.11315j0j15&sourceid=chrome&ie=UTF-8) 텍스트 노란색 형광펜
# 개발을 위한 사이트 * [github.com](https://github.com/) * [codepen.io](https://codepen.io/trending) * [replit.com](https://replit.com/onboarding/usage) * [programmers.co.kr](https://programmers.co.kr/) * [edu.goorm.io](https://edu.goorm.io/) * [acmicpc.net - 백준](https://www.acmicpc.net/step) * [codeup.kr - 코드업](https://codeup.kr/index.php) * [jetbrains.com - 젯브레인스](https://www.jetbrains.com/) * [velog.io - 벨로그](https://velog.io/) * [네이버 클라우드 플랫폼 - ncloud.com](https://www.ncloud.com/) * [git](https://www.git-scm.com/) * [인텔리제이 사이트](https://www.jetbrains.com/idea/download/?section=windows) * [개발하기 좋은 폰트](https://github.com/naver/d2codingfont/releases) * [gitignore](https://www.toptal.com/developers/gitignore) * [mySQL](https://www.apachefriends.org/index.html) * [DBeaver](https://github.com/dbeaver/dbeaver/releases) 밑에서 4번째 설치 64비트 * [주소 요약해주는 사이트 투투](https://to2.kr/) * [sptring 설치 사이트](https://start.spring.io/) localhost:8080 홈페이지에서 설치 잘 됐는지 확인 * [뷰어 확장프로그램](https://chromewebstore.google.com/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh?hl=ko&pli=1) spring 코드 보기 편하게 하기 위한 프로그램 * [점프 투 스프링부트](https://wikidocs.net/160028) 스프링부트 교재 사이트 * [스프링부트 공식 홈페이지](https://baeldung.com/) 스프링부트 공식홈페이지 * [로컬호스트 홈페이지](http://localhost:8080/h2-console) 로컬호스트 확인하기 위한 접속 홈페이지 * [lombok 설치](https://mvnrepository.com/artifact/org.projectlombok/lombok) lombok 제일 최신버전 클릭 후, gredle 복사 후 인텔리제이 gradle에 붙여넣기 * [maven 홈페이지](https://mvnrepository.com/) DB 설치 및 여러 도구 설치 사이트 * [postman 사이](https://web.postman.co/home) 앱으로 실행하는게 좋음 - [cdn 부트스트랩 프레임워크] ``` html - ``` - [부트스트랩 스크립트 코드] ``` html - ``` - [jquery 코드] ``` html - ``` - [tailwind cdn 설치](https://tailwindcss.com/docs/installation/play-cdn) ``` html ``` - [tailwind 스크립트 코드](https://flowbite.com/docs/getting-started/quickstart/) ``` html ``` - [데이지 UI 불러오기] ``` html ``` * [git 튜토리얼 홈페이지](https://learngitbranching.js.org/?locale=ko) * [공식 문서 사이트](https://developer.mozilla.org/ko/docs/Web/JavaScript) * [디자인 패턴 사이트](https://refactoring.guru/ko/design-patterns/catalog) * [테일 윈드 사이트(css 프레임워크)](https://tailwindcss.com/docs/installation/play-cdn) # 스프링부트 세팅 - [콘솔 접속 사이트](http://localhost:8080/h2-console) - 플러그인에서 grep console 설치 - 실행하기 위해 써야하는 코드 1. @GetMapping 2. @ResponseBody 3. @RequestMapping("/question") 입력 시 /question으로 시작하는 구문들은 /question을 생략 가능 - build.gradle에 dependencies에 등록 리스트 4. runtimeOnly 'com.h2database:h2' 5. implementation 'org.springframework.boot:spring-boot-starter-data-jpa' 6. developmentOnly 'org.springframework.boot:spring-boot-devtools' 8. compileOnly 'org.projectlombok:lombok' 9. annotationProcessor 'org.projectlombok:lombok' - 롬복은 처음에 설치되어있을 수 있음 10. implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' 11. implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect' (thymeleaf 설치 7, 8번) 12. implementation 'org.springframework.boot:spring-boot-starter-validation' - 쓰는 이유 : 오류 구문같은 애너테이션은 쓸 수 있게 도와주는 도구 13. implementation 'org.springframework.boot:spring-boot-starter-security' implementation 'org.thymeleaf.extras:thymeleaf-extras-springsecurity6:3.1.1.RELEASE' - 스프링 시큐리티 설정 git bash에 만들어야 하는 파일 14. 현재위치에 대한 정보인 ~ 가 없다면 cd ~ 입력 15. 파일 목록을 확인하고 싶다면 ls 입력 local.mv.db가 있으면 됨. (내 파일이 적재되는 공간) 16. 없다면 touch local.mv.db 입력해서 파일 설치 application.properties에 등록 리스트 17. # DATABASE // 콘솔에 쓰이는 데이터베이스 spring.h2.console.enabled=true spring.h2.console.path=/h2-console spring.datasource.url=jdbc:h2:~/local spring.datasource.driverClassName=org.h2.Driver spring.datasource.username=sa spring.datasource.password= 18. # CONSOLE spring.output.ansi.enabled=always 19. # JPA spring.jpa.properties.hibernate.dialect=org.hibernate.dialect.H2Dialect spring.jpa.hibernate.ddl-auto=update spring.jpa.properties.hibernate.format_sql=true spring.jpa.properties.hibernate.show_sql=true # MariaDB 설치 및 세팅 - application.properties에 등록 리스트 1. # DATABASE spring.datasource.driverClassName=org.mariadb.jdbc.Driver spring.datasource.url=jdbc:mariadb://127.0.0.1:3306/sbb_dev?useUnicode=true&characterEncoding=utf8&autoReconnect=true&serverTimezone=Asia/Seoul spring.datasource.username=root spring.datasource.password= #JPA spring.jpa.hibernate.ddl-auto=update - mariaDB maven에서 가져온거 입력하기 build.gradle에 입력 // https://mvnrepository.com/artifact/org.mariadb.jdbc/mariadb-java-client implementation 'org.mariadb.jdbc:mariadb-java-client:3.3.0' # 표준 html 구조 ``` html Hello, sbb! (... 생략 ...) ``` # g-market 폰트 ```css @font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } html > body { font-family: "GmarketSansMedium"; text-underline-position: under; } ``` # 쿼리문 예시 코드 ```html SECLECT * FROM Question AS Q LEFT JOIN user_site AS QA ON Question_id AS QA.id LEFT JOIN answer AS A ON Q.id = A.question_id LEFT JOIN site_user AS AA ON A_author_id = AA.id WHERE ( Q.subject LIKE '%검색어%' OR Q.content LIKE '%검색어%' OR QA.username LIKE '%검색어%' OR A.content LIKE '%검색어%' OR AA.username LIKE '%검색어%' ) GROUP BY Q.id; ``` # 부트스트랩 예시 코드 ``` html

``` # 스프링 예시 코드 ```html // @Controller 의 의미 // 개발자가 스프링부트에게 말한다. // 아래 있는 HomeController 는 컨트롤러이다. @Controller public class HomeController { private int number; private List people; HomeController() { number = -1; people = new ArrayList<>(); } // @GetMapping("/home/main") 의 의미 // 개발자가 스프링부트에게 말한다. // 만약에 /home/main 이런 요청이 오면 아래 메서드를 실행해줘 @GetMapping("/home/main") @ResponseBody public String ShowMain() { return "안녕하세요"; } // http://localhost:8080/home/main2 // 응답 : 반갑습니다. @GetMapping("/home/main2") @ResponseBody public String showMain2() { return "반갑습니다."; } // http://localhost:8080/home/main3 // 즐거웠습니다. @GetMapping("/home/main3") @ResponseBody public String showMain3() { return "즐거웠습니다."; } @GetMapping("/home/increase") @ResponseBody public int showIncrease() { number++; return number; } // @RequestParam 의 의미 // 개발자가 스프링부트에게 말한다. // int a 는 쿼리스트링에서 a 파라미터의 값을 얻은 후 정수화 한 값이어야 한다. // @RequestParam 는 생략가능 @GetMapping("/home/plus") @ResponseBody public int showPlus(@RequestParam(defaultValue = "0") int a, @RequestParam int b) { return a + b; } @GetMapping("/home/minus") @ResponseBody public int showMinus(int a, int b) { return a - b; } @GetMapping("/home/multiply") @ResponseBody public int showMultiply(int a, int b) { return a * b; } @GetMapping("/home/divide") @ResponseBody public int showDivide(int a, int b) { return a / b; } // @GetMapping("/home/returnBoolean") @ResponseBody public boolean returnBoolean() { return true; } @GetMapping("/home/returnDouble") @ResponseBody public double returnDouble() { return Math.PI; } @GetMapping("/home/returnIntArray") @ResponseBody public int[] showReturnIntArray() { int[] arr = new int[]{10, 20, 30}; return arr; } @GetMapping("/home/returnIntList") @ResponseBody public List showReturnIntList() { List list = new ArrayList<>() {{ add(10); add(20); add(30); }}; return list; } @GetMapping("/home/returnMap") @ResponseBody public Map showReturnMap() { Map map = new LinkedHashMap<>() {{ put("id", 1); put("speed", 100); put("name", "카니발"); put("relatedIds", new ArrayList<>() {{ add(2); add(3); add(4); }}); }}; return map; } @GetMapping("/home/returnCarV2") @ResponseBody public CarV2 showReturnCarV2() { CarV2 car = new CarV2(1, 100, "카니발", new ArrayList<>() {{ add(2); add(3); add(4); }}); car.setName(car.getName() + "V2"); return car; } @GetMapping("/home/returnCarMapList") @ResponseBody public List> showReturnCarMapList() { Map carMap1 = new LinkedHashMap<>() {{ put("id", 1); put("speed", 100); put("name", "카니발"); put("relatedIds", new ArrayList<>() {{ add(2); add(3); add(4); }}); }}; Map carMap2 = new LinkedHashMap<>() {{ put("id", 2); put("speed", 200); put("name", "포르쉐"); put("relatedIds", new ArrayList<>() {{ add(5); add(6); add(7); }}); }}; List> list = new ArrayList<>(); list.add(carMap1); list.add(carMap2); return list; } @GetMapping("/home/returnCarList") @ResponseBody public List showReturnCarList() { CarV2 car1 = new CarV2(1, 100, "카니발", new ArrayList<>() {{ add(2); add(3); add(4); }}); CarV2 car2 = new CarV2(2, 200, "포르쉐", new ArrayList<>() {{ add(5); add(6); add(7); }}); List list = new ArrayList<>(); list.add(car1); list.add(car2); return list; } @GetMapping("/home/addPerson") @ResponseBody public String addPerson (String name, int age) { Person p = new Person(name, age); System.out.println(p); people.add(p); return p.getId() + "번 사람이 추가되었습니다."; // return "%d번 사람이 추가되었습니다.".formatted(p.getId()); } } @AllArgsConstructor @Getter @ToString class Person { private static int lastId; private int id; @Setter private String name; @Setter private int age; static { lastId = 0; } Person (String name, int age) { // this.id = lastId++; // this.name = name; // this.age = age; this(++lastId, name, age); } } @Getter @AllArgsConstructor class CarV2 { private final int id; private final int speed; @Setter private String name; private final List relatedIds; } ``` # 사진 파일 구하기 * [언스플래쉬](https://unsplash.com/ko) # 수업 * [자바 수업 사이트](https://school.programmers.co.kr/learn/courses/5/5-%EB%AC%B4%EB%A3%8C-%EC%9E%90%EB%B0%94-%EC%9E%85%EB%AC%B8) * [자바 스크립트 수업 사이트](https://school.programmers.co.kr/learn/courses/3/3-hello-javascript-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%9E%85%EB%AC%B8) # 모작 ### 넥슨컴퍼니 * 관련사이트 : [공식 홈페이지 이동](https://company.nexon.com/kr/) * 1단계 : [넥슨컴퍼니 탑바 제작 완](https://codepen.io/choiKYeon/pen/RwqORbP?editors=1100) ### 한국기업평가 * 관련사이트 : [공식 홈페이지 이동](https://www.korearatings.com/) * 1단계 : [한국기업평가 탑바 완](https://codepen.io/choiKYeon/pen/ExOBGJj?editors=1100) ### 에스엠 * 관련사이트 : [공식 홈페이지 이동](https://www.smdecor.kr/ko/) * 1단계 : [에스엠 탑바 완](https://codepen.io/choiKYeon/pen/ZEVzyRK?editors=1100) ### apple * 관련사이트 : [공식 홈페이지 이동](https://www.apple.com/kr/iphone-14-pro/) * 1단계 : [apple 탑바 완](https://codepen.io/choiKYeon/pen/QWzLREx?editors=1100) ### 레드캡렌터카 * 관련사이트 : [공식 홈페이지 이동](https://www.redcaprentcar.com/rent/main) * 1단계 : [레드캡렌터카 탑바 완](https://codepen.io/choiKYeon/pen/qBQezNx?editors=1100) ### 신차장다이렉트 * 관련사이트 : [공식 홈페이지 이동](https://direct.lotterentacar.net/main/main.do) * 1단계 : [신차장다이렉트 탑바 완](https://codepen.io/choiKYeon/pen/rNQXOyG?editors=1100) ### DGB대구은행 * 관련사이트 : [공식 홈페이지 이동](https://www.dgb.co.kr/dgb_ebz_main.jsp) * 1단계 : [DGB 대구은행 모작 완](https://codepen.io/choiKYeon/pen/bGONeqO??editors=1100) ### LS E-Link 2차 메뉴 * 관련사이트 : [공식 홈페이지 이동](https://www.lselink.com/) * 1단계 : [LS E-Link 2차 메뉴 완](https://codepen.io/choiKYeon/pen/jOXEobL??editors=1100) ### 하나손해보험 * 관련 사이트 : [공식 홈페이지 이동](https://www.hanainsure.co.kr/) * 1단계 : [하나손해보험 탑바 완 및 첫번 째 2차 메뉴 제작 완](https://codepen.io/choiKYeon/pen/QWzypyz?editors=1100)