시리즈

training-jp

1.class 01 : HTML / 환경세팅

Hyper Text Markup Language!를 타이핑 한 다음 엔터 키를 누르면 기본적인 html 뼈대가 자동 완성된다.https://www.flaticon.com 이용head 부분에 <link rel="shortcut icon" href="이미지

2022년 12월 29일

2.class 02 : HTML Mock-up

https://willowy-bienenstitch-6de5c3.netlify.app/ : 개발자도구 -> Source -> Image 폴더

2022년 12월 30일

3.class 03 : HTML로 Table, Form 작성

HTML

2023년 1월 2일

4.class 04 : CSS

float와 inline-block을 대체min-height를 충분히 주고, 네비게이션 바(메뉴바, nav)가 있는 header 부분의 위치는 fixed 시킨다위와 비슷한데 웹 배경 위에 올릴 이미지를 position: absolute;뉴진스 팬페이지 목업부트스트랩 안

2023년 1월 3일

5.class 05-06 : CSS & Library

자주 쓰는 픽셀 값이나 컬러 값을 저장해두고 변수로 불러옴a 태그 위에 호버하면 내부의 특정한 span이 왼쪽으로 자리 이동a 태그 위에 호버하면 more 클래스의 속성이 90도 회전ex. before, after html 내부에 적지 않고 css에서 가상으로 추가함가

2023년 1월 5일

6.class 07-08 : SCSS / CSS

VSCode 익스텐션에서 Live Sass Compiler 설치 setting.json 에서 위와 같이 설정 이런 식으로 작성하면 자동적으로 위에서 설정한 폴더에 css로 변환되어 저장된다.그러므로 scss를 따로 html에 링크할 필요는 없다. 어차피 읽을 수도 없

2023년 1월 9일

7.class 09 : 모바일 / CSS, JS

$ 이용html에 추가모바일 반응형으로 웹 짤 때 활용전체가 100vw일 때 해당 인자가 얼마나 그 화면에 차지할지 설정반응형에서 a : 최솟값, b : 디폴트값, c : 최댓값 querySelectAll 함수로 클래스의 인자들을 가져오면 배열임아래 함수는 nav ba

2023년 1월 12일

8.class 10-11 : CSS / Node Express

2023년 1월 16일

9.class 12 : API 활용

REST 통신 시 JSON 데이터에 대한 정보를 볼 수 있게 도와주는 어플리케이션컴퓨터를 종료해도 자료가 그대로 남아있게 (ex. 기존의 검색어)fetch 함수와 then, catch를 이용하여 json 데이터를 받아온다.태그 안에 data 넣기

2023년 1월 27일

10.class 13 : 자바스크립트 활용

Map API 활용 border-top으로 화살표 만들기 e target으로 범위보기 ![](https://velog.velcdn.com/images/yon

2023년 2월 2일

11.class 14-15 : 자바 (상속, 추상클래스, 인터페이스 등)

이 경우 obj1 객체는 age 변수에 접근할 수 없음하지만 obj1 객체는 자식 클래스에서 새롭게 정의 된 love 함수를 출력함. 즉 부모 클래스를 참조해 만든 자식 클래스의 인스턴스는, 자식 클래스에서 새로이 만들어진 변수나 함수에 대해 접근할 수 없음.

2023년 2월 6일

12.class 16-17 : 자바 (패키지, 클래스, 제네릭, 컬렉션 등)

StringBuffer 출력

2023년 2월 9일

13.class 18-19 : 자바 (파일 읽어오기, 스윙 등)

File 읽기 File FileInputStream FileOutputStream FileReader FileRead-한글 FileWriter BufferedIO Ex. 사전

2023년 2월 14일

14.class 20-21 : SQL

2023년 2월 23일

15.class 22-23 : JSP, DB 연동

ojdbc 드라이버를 다이나믹 웹 프로젝트의 webapp -> WEB-INf -> lib에 넣어둔다.이 드라이버는 (오라클을 설치했다면) oraclexe -> app -> oracle -> product -> 11.2.0 (버전명) -> server -> jdbc ->

2023년 3월 3일

16.class 24-25 : AJAX, COOKIE

AJAX 간단 예시 ajaxTest.jsp ajaxResult.jsp 쿠키 쿠키 설정 CookieManager.java CookieTest.jsp CookieRead.jsp oneDayPopUp.jsp popupModeProcess.jsp sevenDay

2023년 3월 8일

17.class 26 : 아이디 중복 확인 - AJAX, GSON

이 jsp의 역할은 view로서의 view가 아님.ajax의 요청에 대한 response 값을 띄우는 역할.요청에 대해서 success가 이루어지면,즉, 에이젝스에 명시된 주소에 대한 서블릿으로 데이터가 이동하여 함수 처리가 잘 되어서 response까지 잘 다시 성공

2023년 3월 10일

18.class 27, 28 - 파일 입력 / fullpage

form을 인코딩해야 함 : multipart/form-data\[eclipse workspace 주소]\\.metadata\\.plugins\\org.eclipse.wst.server.core\\tmp0\\wtpwebapps\\jsp09_fileupload_clock

2023년 3월 14일

19.class 29 - 파일 업로드 / summer note

부트스트랩과 함께 게시판 글 작성 기능에 디자인 기능 및 편의를 제공하는 라이브러리특히 파일을 추가해야 하는 경우에 유용SQL에서 contents를 받는 컬럼을 clob으로 설정해야 한다 (자료 그 자체로 저장됨).ajax 부분에서 .... contentType:fal

2023년 3월 15일

20.class 30 - jsp에서 myBatis

maven repository에서 myBatis.jar 파일을 다운받아 프로젝트에 설정시킴자바에서 SQL Mapper를 지원하는 프레임워크기존에는 DAO에 SQL문을 다 넣고 처리했는데 이제는 관련 로직을 myBatis로 처리

2023년 3월 16일

21.class 31 - Paging 처리

DAO 없이 마이바티스 서블릿 JSP VIEW

2023년 3월 17일

22.class 32 - Spring Boot & ThymeLeaf

개발프레임워크는 정보시스템 개발을 위해 필요한 기능 및 아키텍처를 미리 만들어 제공함으로써 효율적인 어플리케이션 구축을 지원합니다. “전자정부 표준프레임워크”는 공공사업에 적용되는 개발프레임워크의 표준 정립으로 응용 SW 표준화, 품질 및 재 사용성 향상을 목표로 합니

2023년 3월 20일

23.class 33 - 전자정부프레임워크

2023년 3월 20일

24.class 34 - 스프링 : 3Tier 아키텍처

Dao - SqlMapper.xml : 함수 반환형을 정하고 서로 매핑만 함. Dao는 철저하게 DB와 연결되는 역할만 담당함Service : 인터페이스인 Dao를 @Autowired로서 객체를 주입해 불러와(스프링의 DI-제어 역전), 자료형이 반환되기까지의 구체적인

2023년 3월 22일

25.class 35 - 게시판 답글 달기

게시판에 답글 달기 기능답글과 일반 글을 포함한 글 덩어리를 묶는데 사용 새 글을 작성하면 +1 되지만 답글을 작성한다고 증가하지는 않음처음 일반 글을 작성할 때 1로 insert 됨댓글을 작성하면 얘네들은 1씩 증가함답글의 depth가 되는 것임 이걸 응용해서 css

2023년 3월 23일

26.class 36 - Service / ServiceImpl / delete 기능 대체

지금까지는 XML-Dao 연결 , Service만 만들고 바로 거기에 함수 정의 후 Controller 갖다 씀 과 같은 형식으로 작성했다.하지만 이제는 Service 역시 interface로 만든 후 ServiceImpl이 그것을 implements 한 후 자세한 내

2023년 3월 24일

27.class 37 - Modal

타임리프와 js 활용addFlashAttribute()는 redirect 직전 플래시에 저장하는 메서드이다. Redirect 이후에는 소멸한다.

2023년 3월 27일