728x90 반응형 전체 글185 [CSS] flex사용 배치 연습 Flex란 레이아웃 배치 전용 기능. Flex 레이아웃을 만들기 위한 기본적인 HTML구조 helloflex abc helloflex dispaly: flex; 한줄로 아래와 같이 배치. .container { dispaly: flex; } flex-wrap 줄넘김 처리 연습 연습하다가 만든 트리.. 2020. 12. 24. [Web] 쿠키(Cookie)와 세션(Session) 쿠키와 세션이 필요한 이유는 HTTP프로토콜의 특징 때문이다. HTTP프로토콜은 Connectionless 프로토콜 (비연결지향)과 Stateless프로토콜(상태정보 유지안함)의 특징이 있다. 그래서 쿠키와 세션이 필요하다. 쿠키(Cookie) -클라이언트 로컬에 저장되는 키와 값이 들어있는 파일이다. -이름, 값, 경로 등을 포함한다. -클라이언트의 상태정보를 브라우저에 저장하여 참조한다. 쿠키 사용 예) 아이디, 비밀번호 저장 쇼핑몰 장바구니 세션(Session) -웹 브라우저마다 별도의 세션을 갖는다. (세션 고유ID 할당) -세션의 정보는 접속해서 종료되기까지 유지된다. -접속시간에 제한을 두어 일정시간 응답이 없으면 유지를 못하게 설정이 가능하다. 세션 사용 예) 로그인 2020. 12. 23. [git] branch git branch 여러 개발자들이 동시에 다양한 작업을 할 수 있게 만들어 주는 기능. 각자 독립적인 작업 영역안에서 마음대로 소스코드를 변경할 수 있음. 각각의 브랜치는 다른 브랜치의 영향을 받지 않기 때문에 여러 작업을 동시에 진행할 수 있음. 이렇게 만들어진 브랜치는 다른 브랜치와의 병합(merge)을 통해 다시 새로운 브랜치로 모을 수 있음. 2020. 12. 22. [git ]기본 명령어 git init : 저장소 생성 git init --bare : 작업이 불가능하고 기능만 수행하는 저장소 생성(.git 내 파일만 존재) git clone URL : 원격저장소에서 복제해서 저장소 생성 git clone --depth 숫자 URL : 최신 커밋을 숫자만큼만 복제해서 가져온다 git add 파일 : git이 파일을 추적하도록 명령, 새로 생성되거나 변경된것 등 git status : git 저장소의 상태를 확인 git commit git commit -a : 추적중인 변경된 모든 파일을 add한다(한번도 add안된건 X) git commit -m "메세지" git commit --amend : 바로 이전 커밋을 수정한다. index의 변화없이 쓸 경우 커밋메세지만 수정되고, index가 변.. 2020. 12. 22. [Spring] IoC, DI, DL IoC (Inversion of control, 제어역전) "누가 작업을 수행하느냐" 라이브러리를 사용할땐 내 코드가 라이브러리 코드(외부코드)를 호출하지만, 프레임워크를 사용할때는 프레임워크(외부코드)가 내 코드를 호출한다. 즉, 프레임 워크에서는 최종호출이 개발자에 의해서 제어되는게 아니라, 프레임 워크 내부에서 결정된 대로 이뤄진다. 이것을 "제어의 역전" 이라고 표현한다. - 개발자가 직접 객체 생성을 하지않고 컨테이너에서 객체 생성/소멸 등을 관리하는 방식 - 개발자가 직접 컨트롤 할 수 없고, 컨테이너가 관리를 해서 제어의 역전이라고 표현 - Spring에서 IoC 컨테이너인 ApplicationContext에서는 bean, xml 또는 annotation을 이용하여 객체 관리 DI (Depe.. 2020. 12. 20. 크리스마스 카드 만들기 봉투를 열어봐! 2020년 수고 많았어! 친구들에게. 올해 이런저런 일이 많았는데 너희 덕분에 하나도 힘들지 않았어 내년에도 우리 우정 변치말자 연말에 다 같이 못 봐서 아쉽다 2020.12.25 길동이가 실행화면 봉투를 클릭하면 봉투가 열린다 결과링크 xmas.spartacodingclub.kr/v1g3QHFEovYA/xmas.html 2020. 12. 19. [HTML] 간단한 로그인 페이지 만들기-2 로그인 페이지 아이디, 비밀번호를 입력해주세요 ID: PW: 로그인하기 실행결과 2020. 12. 19. [HTML] 간단한 로그인 페이지 만들기 태그 몇개만 사용해주면 아주 간단하게 로그인 창을 띄울수있다. 제목을 나타내주는 태그 문단을 나누는 태그 입력할수 있는 input창을 만드는 태그 버튼 만드는 태그 실행결과 HTML 기초 태그 정리 출처 online.spartacodingclub.kr/ 2020. 12. 19. [Spring]@RequestBody, @RequestParam 개념정리 @RequestBody RequestBody는 Body 자체를 가져온다. 그렇기 때문에 GET방식의 메소드에 활용하면 안된다.(GET은 Body가 없음) POST방식으로 JSON의 형태로 넘겨온 데이터를 객체로 바인딩하기 위해 사용한다. 주로 객체 단위로 받아서 사용한다. @RequestParam RequestParam을 사용하면 반드시 해당 파라미터가 전송되어야한다. required(필수요구사항 설정)값은 default가 true로 되어있어서 해당 파라미터가 전송되지 않으면 400Error가 발생한다. 반드시 필요한 변수가 아니라면 required값을 false로 설정할수있다. 2020. 12. 18. SQL - 7 서브쿼리 - 다중행 서브쿼리 다중행 서브쿼리 서브 쿼리에서 반환되는 결과가 하나 이상일때 사용. 반드시 다중행 연산자와 함께 사용해야함. 다중행 연산자의 종류 종류 의미 in 하나라도 일치하면 참. any,some 하나 이상 일치하면 참 all 모든 값이 일치하면 참. in 연산자 any 연산자 2020. 10. 17. SQL - 6 서브쿼리 - 단일행 서브쿼리 서브쿼리란, 하나의 select 절에 포함된 또 하나의 select절. 서브쿼리를 포함하고 있는 쿼리문을 메인 쿼리, 포함된 쿼리문을 서브 쿼리라고 함. 서브쿼리는 비교 연산자의 오른쪽에 기술해야하고, 반드시 괄호로 묶어줘야함. 서브쿼리는 메인 쿼리가 실행되기 전 한번만 실행됨. 단일행 서브쿼리. 수행 결과가 오직 하나의 row(행)만 반환. 2020. 10. 17. SQL - 5 조인 여러개의 테이블에서 정보를 얻어와야할때 꼭 필요함. 조인의 종류 cross join equi join non-equi join self join outer join ansi join cross join은 테이블의 정보를 모두 합쳐서 보여주기 때문에 사실상, 별 의미가 없으므로 원하는 정보만 얻기 위해서는 조인 조건을 지정해줘야 함. 종류 설명 equi join 동일 칼럼을 기준으로 조인 non-equi join 동일 칼럼 없이 다른 조건을 사용하여 조인 outer join 조인 조건에 만족하지 않는 행도 나타냄 self join 한 테이블 내에서 조인 새로운 테이블을 생성해서, natural join 실습하기. right outer join 은 오른쪽에 위치한 테이블에만 있는 정보를 출력해줌. left .. 2020. 10. 17. 이전 1 ··· 12 13 14 15 16 다음 728x90 반응형
