본문 바로가기
반응형

전체 글343

JavaScript - JQuery 💡JQuery ◾ 제이쿼리는 객체를 $로 접근하고 안에 있는 함수에 접근한다. 그리고 파라미터를 넘겨준다. ◾ $(대상).함수(파라미터); ex) $(document).ready(); ex) $(document).ready(function(){}); ◾ Lambda 무명함수, 이름을 안 정해준 함수 ◾ 변수처럼 넘겨줄 수 있는 기능도 가지고 있다. ◾ 변수에 함수를 넣어서 사용할 수 있다. ex) var a = function() {} ◾ js에서는 함수도 파라미터로 줄 수 있다. 💡 html을 간단하게 짤 수 있는 사이트 https://jsbin.com/sufubirolu/edit?html,output JS Bin Sample of the bin: jsbin.com 💁‍♀️ 추가적으로 웹을 공부하는데 .. 2022. 7. 28.
Spring Boot - BootStrap 이용하기 💁‍♀️ 부트스트랩을 이용해봅시다. ◾ 부트스트랩을 사용하려면 필요한 요소가 'container' 입니다. 상위 요소에 container 클래스를 지정해주세요. ◾ row 안에 들어가는 아이템의 col-md-숫자 값의 합은 12 가 되어야합니다. 💡 CSS, JS 추가 🔸 CSS 파일 - head 🔸 JS 파일 - body 끝나기 전 ◾ 스크립트는 페이지가 만들어지고 밑에 넣어주어야 한다. ◾ 스크립트 실행 자체를 페이지 로드 후에 실행하도록 한다. 📂 부트스트랩 파일 ◾ example파일은 html ◾ dist파일은 css, js ⭐CSS, JS는 static이 최상단 파일이고, html은 templetes가 최상단 파일이다. 💡 부트스트랩 위치 변경 ◾ shop/src/main/resources/st.. 2022. 7. 28.
[#Dev] GET방식과 POST방식 사용하기 💁‍♀️ GET방식이나 POST방식을 사용하는 법을 알아봅시다. 🔸 사용법 ◾ html 파일 안에 있는 method의 값을 바꾼다. -- GET방식일 경우 -- method = 'get'​ -- POST방식일 경우 -- method = 'post'​ 🔸주의사항 ◾ 직접 주소를 입력해서 페이지에 접근할 때는 무조건 GET방식을 사용해야한다. ◾ 하단의 POST방식은 id와 pw값이 보이지 않고, 로그인 버튼을 눌렀을 때 test02페이지가 띄워진다. ◾ result 변수에 TestService객체 안에 있는 memberCount함수의 return값을 넣는다. ◾ 매개변수는 TestVO 객체를 가져온 vo를 넘긴다. ◾ model에 TestService의 결과 값을 가져와서 속성으로 추가하고, html에 $.. 2022. 7. 27.
Spring Boot - 실습 test파일 수정 💁‍♀️ @Param보다 Map이 더 좋은 이유를 잠깐 보고 가겠습니다. ◾ @Param을 사용하면 xml파일에서 값을 하나하나 다 가져와야한다. ex) id = #{0} id값을 주어야한다. ◾ 그러나 Map을 사용하게 되면 Key, Value값으로 되어있기 때문에 Key값만으로도 접근할 수 있다. ex) #{item1}, #{item2}, #{item3} 📝test01.html 로그인 ID PW User_ID : 📝TestController.java package com.shop.test.controller; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Control.. 2022. 7. 27.
[#Dev] @NotBlank, @NotEmpty, @NotNull의 차이점 💡 @NotBlank ◾ null과 "", " "모두 허용하지 않는다. 💡 @NotEmpty ◾ Null과 "" 둘다 허용하지 않는다. ◾ " "는 허용한다. 💡 @NotNull ◾ Null만 허용하지 않는다. ◾ ""나 " "는 허용한다. 2022. 7. 27.
[#Dev] Spring Boot 문제 모음 📃Spring Boot - 2022/07/20(수) - 23일차 1. 프로젝트 루트에 pom.xml이 있으면 프로젝트 유형은? Maven 2. 스프링 부트 설정시 JSP를 화면 페이지로 이용하려고 하면 선택해야 하는 Packaging 유형은? War 3. 서버 포트 변경시 수정해야하는 파일을 경로명까지 표기하세요. src/main/resources/application.properties 4. 클라이언트 요청을 처리할 URL을 매핑하는 어노테이션은? @GetMapping 5. 해당 클래스를 Controller로 인식시키는 어노테이션은? @RestController, @Controller 6. 해당 컨트롤러 메소드의 반환값을 HTTP 객체로 변환하여 보내주게 하는 어노테이션은? @ResponseBody 📃.. 2022. 7. 27.
[Error] 서버 미동작 에러 💁‍♀️서버를 동작시켰는데 서버가 자꾸 죽는다면 이것을 확인해 보세요. ◾ 인터페이스 자바 파일에 @Mapper 어노테이션을 달지 않는다면 서버가 죽는다. 🔸@Mapper ◾ MyBatis 3.0부터 지원하는 기능이다. ◾ @Mapper에 작성한 메소드이름과 Mapper.xml에 작성한 Sql id는 일치해야 한다. ◾ Mapper 인터페이스? MyBatis 매핑 xml에 기재된 sql을 호출하기 위한 인터페이스이다. 🔸구조 ◾ DAO 사용 : 클라이언트 - Controller - Service - DAO - mapper.xml ◾ Mapper 사용 : 클라이언트 - Controller - Service - Mapper.java - mapper.xml ◾ Mapper.java는 단순 인터페이스이다. ◾ .. 2022. 7. 27.
[#Dev] SELECT * 의 단점 💁‍♀️쿼리문에서 select *을 해서 모든 데이터를 조회하면 어떤 일이 벌어질까요? ◾ 만약 쿼리를 짜는데 select * 을 하면 불필요한 정보까지 다 가져오기 때문에 필요한 정보만 가져오는 것이 효율적이다. ◾ 컬럼을 표시할 때는 as를 사용하여 별칭을 지정한다. 컬럼이 많으면 가지고 오는데 시간이 많이 걸린다. 그래서 select * 을 사용하는 것을 지양한다. 사용하지도 않은 데이터를 다 가지고 오게 되면 낭비가 심하다. 따라서 필요한 데이터만 가져온다.​ 🔸주의사항 ◾ select * 하게 되면 컬럼별로 이름이 전부 나오기 때문에 VO파일에 컬럼 이름이 모두 들어가 있어야한다. ◾ VO가 세팅이 되어있지 않으면 데이터를 가져올 수가 없다. ◾ 표시되는 컬럼 이름하고 VO 컬럼 이름과 동일하지.. 2022. 7. 27.
Spring Boot - 상품 등록하기 💁‍♀️상품 등록할 때 유의할 점을 알아봅시다. ◾ 만약 상품 테이블에 모든 정보를 넣는다면? 상품 테이블 안에 이름, 가격, 제조회사, 상세설명, 이미지... 등 정보들이 다 들어간다. --> 정보들을 하나의 테이블에 다 넣게 되면 테이블 하나가 너무 커져버린다. ◾ 결론 : 상품 테이블에 모든 정보를 모은다는 것은 무모한 짓이므로 정규화를 진행한다. ◾ 테이블을 나누고, 아이템, 상품 정보, 상품하고 관련있는 이미지는 아이템 이미지 테이블로 분리한다. ◾ 상품 테이블은 이미지가 여러개 있을 수 있기 때문에 일대 다 형태로 테이블을 생성한다. ◾ join하게 되면 오히려 테이블이 커져버리기 때문에 처리하기 힘들다. --> 만약 테이블 1이 100개이고, 테이블 2가 1000개이면, 100*1000정보가.. 2022. 7. 27.
728x90
반응형

티스토리툴바