본문 바로가기

전체 글121

스파르타 코딩클럽 [ 웹개발 종합반 ] - 1주차 배운 것HTML, CSS, JS이용해 웹페이지 간략히 만들어보기부트스트랩 사용해보기 내용 정리 HTML은 뼈대, CSS는 꾸미기    - HTML은 구역과 텍스트를 나타내는 코드로, CSS는 잡은 구역을 꾸며주는 것 HTML은 크게 head와 body로 구성되며, head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담는다 모든 HTML, CSS들을 다 알 수는 없다필요할 때 검색해서 쓰기 HTML, CSS활용해 간단히 만들어보기) 로그인 페이지 아이디, 비밀번호를 입력해주세요 ID: PW: 로그인하기   부트스트랩    - 예쁜 C.. 2022. 1. 6.
스파르타 코딩클럽 [ 엑셀보다 쉬운 SQL ] - 2주차 배운 것 SQL을 이용한 통계(최대, 최소, 평균, 개수) group by order by 내용 정리 SQL을 이용한 통계 - 최대 : max() - 최소 : min() - 평균 : avg() - 개수 : count() Group by - 동일한 범주를 갖는 데이터를 하나로 묶어서, 범주별 통계를 내주는 것 select name, count(*) from users group by name; 이름 별로 묶고, 이름별 개수를 출력하기 쿼리 진행 순서 - from -> group by -> select Order by - 정렬 기능 - DSEC : 내림차순 / ASC : 오름차순 select name, count(*) from users group by name order by count(*); 개수를 기준.. 2022. 1. 6.
스파르타 코딩클럽 [ 웹 개발의 봄, Spring ] - 3주차 배운 것 REST API 전체 프로세스 복습 JQuery, Ajax를 사용해 서버와 통신 내용 정리 JPA 쿼리 메소드 예시 public interface MemoRepository extends JpaRepository { List findAllByOrderByModifiedAtDesc(); } jQuery - 미리 작성된 자바스크립트 함수 모음집 - 많이 쓰는 HTML, CSS 조작 함수를 미리 만들어서 제공해주는 것 ㅇ 임포트 ㅇ 사용법 - $ 로 시작하고, 괄호 안에 선택자로 대상을 적으면 된다 $('#contents').hide(); Ajax - 클라이언트에서 서버로 데이터를 요청하고 그에 대한 결과를 돌려받음 - 자바스크립트를 통해서 서버에 데이터를 비동기 방식으로 요청하는 것 $.ajax({.. 2022. 1. 5.
스파르타 코딩클럽 [ 엑셀보다 쉬운 SQL ] - 1주차 배운 것 쿼리 SELECT 문 WHERE절 이용한 조건식 내용 정리 데이터베이스 - 여러 사람들이 같이 사용할 목적으로 데이터를 담는 통 - 많은 양의 데이터를 효과적으로 저장/수정/사용 모든 데이터베이스는 CRUD에 해당하는 기능을 지원 SQL - 데이터베이스에 요청(Query)해 원하는 데이터를 가져오는 것 쿼리문 - 데이터베이스에 명령을 내리는 것 Select 쿼리문 - 데이터베이스에서 '데이터를 선택해서 가져오겠다'는 의미 select * from orders Where 절 - Select 쿼리문으로 가져올 데이터에 조건을 걸어주는 것 select * from orders where course_title = '웹개발 종합반' 느낀 점 / 보완할 점 스파르타 코딩클럽에 국비지원으로 웹개발을 수강하.. 2022. 1. 5.
스파르타 코딩클럽 [ 웹개발의 봄, Spring ] - 2주차 배운 것 JPA 스프링의 구조 (Controller, Service, Repository) CRUD REST API 내용 정리 JPA - 자바 코드를 SQL로 번역하기 위해 사용 데이터베이스에서 "테이블"은 자바에서 "Domain"으로 표현되고 데이터베이스에서 "SQL"은 자바에서 "Repository"로 표현된다. 테이블을 자바에서 Domain으로 만들기 위해선 어떻게 해야할까? @Entity public class Person { @Id @GeneratedValue(strategy = GenerationType.AUTO) private Long id; @Column(nullable = false) private String name; ... } @Entity라는 애노테이션을 붙여 '테이블'임을 나타낸.. 2022. 1. 2.
스프링의 정석 (세션) 배운 것 세션 개념 내용 정리 세션 - 서로 관련된 요청/응답들을 하나로 묶은 것 (원래 요청은 독립적) - 요청을 하나로 묶기위해 쿠키를 이용 - 브라우저마다 개별저장소(session)가 만들어짐 - 쿠키는 브라우저에, 세션객체(저장소)는 서버에 저장 브라우저가 요청을 보내면 서버가 세션아이디를 쿠키에 저장해서 브라우저에 전송 브라우저의 다음 요청부터 쿠키가 같이 전송되어지므로 2번째 요청부터 같은 세션 같은 세션아이디라는 공통점이 생김(그룹화) 같은 세션에 포함되어 있는 동안 세션저장소(객체)이용 가능 세션이 끝나면 새로운 세션아이디 발급 (새로운 세션저장소 이용) 세션객체의 생성 - 브라우저가 요청하면 서버가 무조건 세션객체(저장소)를 만듦 - 세션객체마다 세션아이디를 가지고 있음 - 저장소를 쓸 .. 2021. 12. 28.