TIL
[Today I Learn] 2022.05.16
TIL jQuery 자바스크립트에서 사용하는 라이브러리 - 화면이 깜빡거리지 않아도 내용이 변경 가능하다 크로스 브라우징이 가능(IE, Edge, Chrome, FireFox..) CDN 인터넷 상의 다른 서버에 있는 파일을 빌려와서 사용 - 인터넷이 끊어질 경우 작동 x (직접 다운받은 경우는 작동된다) jQuery 사용시 아이디 선택자 주의 : 1개만 선택 가능 html에서 button을 만드는 방법은 2가지이다 , jquery에서는 input 으로 만든 버튼만 선택이 가능하다 jquery로 만든 객체는 dom객체와는 구분된다 자바스크립트에서 상태가 변할 때 함수 적용 : onchange 사용 열심히 배웠지만 학습단계에서는 바닐라 자바스크립트를 연습하는것을 추천 (by 니코). 작업 환경이 jQuer..
[Today I Learn] 2022.05.12
TIL 부트스트랩을 사용하면 확실히 직관적으로 페이지를 구성할 수 있다 페이지 작성 시 참고할 수 있는 웹 사이트를 찾아두는 것이 좋다. Html+CSS+JS, JS만 사용, 부트스트랩 사용 등 사이트 제작자 마다 다른 유형을 확인할 수 있다. 클래스, 아이디 명칭, 주석은 팀과의 협업을 위해 (간략히하거나 함축하기 보다는) 자세하게 적어두는 편이 더 좋다 작성자, 작성내용, 작성일자 까지 적어주면 가장 좋고, 간단히 작업할 경우 작성 내용만큼은 꼼꼼히 적자 스토리보드 작성시 웹사이트의 도움을 받자 : 피그마(http://www.figma.com) 수정 작업 할 때 주석으로 구역 표시부터 하는 게 도움이 되는 듯 웹 서버(정적) : 안정적, 낮은 비용, 로직 x WAS(동적) : 로직을 수행, 높은 비용..
[Today I Learn] 2022.05.11
TIL 부트스트랩 , , 사용 colspan : 가로 병합, rowspan : 세로 병합 text-decoration : none; 하이퍼링크 표시(밑줄) 제거 justify-content : 좌우 정렬 / flex-start : 왼쪽 정렬 / center : 가운데 정렬 / flex-end : 우측 정렬 / space-between : 요소 간 동일 간격 / space-around : 요소 주위 동일 간격 align-items : 세로 정렬 / flex-start : 상단 정렬 / center : 중앙 정렬 / flex-end : 하단 정렬 What I did JSP 페이지 개발 (곧빼) : index, personl, group, crew, bulletinboard 페이지 레이아웃, 기본 기능 구현 ..
[Today I Learn] 2022.05.10
TIL 페이지 레이아웃을 구성 할 때는 div태그를 중점적으로 사용하자 블록부터 지정해야 함 페이지 구성 단계 부터 input값이 어디에 적용될 것인지 그려둘 필요가 있다 margin-border-padding 순서 What I did 개인 프로젝트 스토리보드 작성 : 다이어트 인증 커뮤니티 HTML 페이지 구성 Memo 확실히 직접 해보려니깐 어려운 부분들이 보인다.
[Today I Learn] 2022.05.06
TIL 경로 설정 '/' vs '\\' 의 차이 var vs varchar vs varchar2 : 2022.05.06 - [DB] - [SQL] char vs varchar vs varchar2 What I did 파일 업로드 기능 : cos.jar, imgscalr.jar 사용, MultipartRequest, Enumeration jsp 프로그래밍 교재 학습 Memo
[Today I Learn] 2022.05.05
TIL 서블릿으로부터 JSP가 생겨난 이유 , , 의 차이 버퍼 사용법 What I did 성낙현 JSP 학습 학습 내용 정리 : 2022.05.06 - [JSP] - [JSP] JSP 기초, 내장 객체 Memo 날이 꽤 좋은 어린이 날이었다. 맨시티 vs 레알마드리드 명경기를 풀경기로 보고 싶은데 여유가 없는게 아쉽다.
[Today I Learn] 2022.05.04
TIL What I did 게시판 페이징 처리 성낙현의 jsp 자바 웹 프로그래밍 정독 시작 Memo 뭐든 좋으니 배운것, 기억에 남는걸 적자 해서 시작했지만 코드 따라 치기에 급급했다.. 그래도 괜찮은 교재를 발견한 것 같아 큰 소득이 있었다 생각한다. 진짜 실력을 키울려면 부지런히 학습해야 할듯! 화이팅하자
[Spring] 스프링 vs 스프링 부트
스프링의 특징 의존성 주입(DI; Dependency Injection) 제어역전(IOC; Inversion Of Control) 관점지향 프로그래밍(AOP; Aspect Oriented Programming) → 느슨한 결합을 달성 : 단위테스트가 용이 DI (의존성 주입) 클래스 내부에서 객체를 선언하고, @Autowired @Service 어노테이션을 통해 선언된 객체의 인스턴스를 획득하는 것 IOC (제어 역전) 객체에 대한 제어권이 컨테이너로 이전된다 AOP (관점 지향 프로그래밍) OOP를 보완하는 수단, 재사용 유지보수가 용이하다는 장점. 기존 프로젝트의 로직 수정없이 기능 추가가 가능 스프링은 다양한 기능을 지원하고 있지만 기능을 사용하기 위해 설정할 것이 많다. 스프링부트에서는 AutoC..
[Today I Learn] 2022.05.02
TIL 스프링 vs 스프링부트 정리 세션 : 연결성 유지. 클라이언트는 서버에 원하는 응답을 요청한다. 서버는 수많은 클라이언트 중 응답을 요청한 클라이언트에게 필요한 응답을 전달하기 위해 해당 클라이언트의 정보를 일정기간 담고 있어야 한다. 클라이언트가 브라우저를 끄지 않는 이상 세션 정보를 계속 받을 수 있다 (브라우저를 끄지 않은 상태에서 새창을 열면 계속 유지됨. 브라우저를 끄면 세션이 끊김) What I did 회원로그인 기능 만들기 Memo 이번주 목표 : 페이징, 파일 업로드, 회원로그인 기능 구현 DB부분에서 오류가 생겨서 강사님께 도움을 요청해야 함..
[Today I Learn] 2022.04.29
TIL jsp reply매서드를 작성하면서 sql쿼리 2개(sql1, sql2)를 동시에 적용시켜야했다. 이때, conn.setAutoCommit(false)를 통해서 sql1, sql2 중 한개만 정상적으로 작동되어 commit되는 것을 방지할 수 있다. 트랜잭션 : 데이터베이스의 상태를 변화시키기 위해 수행하는 작업의 단위 : 원자성, 일관성, 독립성, 지속성 ex) sql1, sql2를 묶어 하나의 트랜잭션으로 작동시킴 spring 스프링의 controller - @GetMapping("hello-mvc")는 localhost8080/hello-mvc일 때 작동한다. @GetMapping ~ return "hello-template" : templates의 hello-template.html에 정보..