처음써보는 Java와 eclipse지만 기존에 학부에서 사용하였던 C언어와 유사한 부분이 상당하여 교육 첫시간이지만 기초학습에 있어 크게 어려운 부분은 없었다.기초 문법이다.이후 5칙연산(더하기 +, 빼기 -, 나누기 /, 곱하기 \*, 나눈 나머지 %)를 활용하여 아
오늘도 달려가보는 거시에요 지난 첫 시간 내용 복습 (요약 : 요약.) 오늘은 break와 continue로 한번 시작해보자. 1. Break와 continue break를 쓰면 1000까지 달려가던 변수 i도 10에서 불심검문을 당해버린다 break은 주로
3일차의 아침이 밝았다! 위쪽이 Item 클래스, 아래쪽이 메인클래스 어제내용을 이용해 복습해서 만든 물품정렬 코드다. 오늘은 진짜 정신없이 진도를 나갔다.. 수업 속도만 따라가기도 벅찰정도로 매우 빠르게 나간다 ㅠㅠ 쉬는시간도 너
ERD를 바탕으로 클래스와 기능을 구현해보도록 하자.
예외(Exception) 오류처리 프로그래밍에서 예외는 에러라고 보면 된다. 예외가 발생하는 이유는 예기치 못한 상황의 발생, 개발자의 설계or코딩실수 등 여러 요인들 때문이라고 볼 수 있겠다. 이러한 예외의 종류에는 크게 2가지가 있다. 컴파일 시 발생하는 컴
오늘은 MongoDB를 이용하여 회원 정보들을 보관할 수 있도록 eclips와 MongoDB를 연동하는 코드를 짜볼것이다. 들어가기 앞서서 while문의 사용법. 두개의 값이 똑같이 출력되니 참고할 것. (age 값은 3으로 설정해두었다.) 먼저 MongoDB 접속을 한다. MongoDB의 경우 가 되겠다. url의 경우 똑같은곳에 자료들을 저...
기존에 이용했던 import는 다른곳에 저장되어있는 클래스를 불러와서 사용하는 형식이었다. 하지만 이번에는 조금 다른 방식으로 다른 클래스를 이용해보려고 한다. 자바에는 "상속" 이라는 개념이 존재한다. 상위클래스(부모클래스)의 내용들을 하위클래스(자식클래스)에게
오늘은 어제 배운 '상속'을 바탕으로 swing을 이용해서 만든 인터페이스 창으로 MongoDB에 저장된 데이터를 표시해보도록 하겠다! 들어가기 앞서서 먼저 아래의 표를 참고하겠다. 아래의 표는 JFrame을 이용해 인터페이스의 버튼을 누르면 어떤식으로 작동이 되는지
지난시간 DB의 내용을 swing을 통하여 나타내는 실습을 진행하였고, 3번째 메소드까지 작성을 완료하였다.
지난시간까지 우리는 Vector와 ArrayList를 사용해서 각 항목들에 들어갈 정보들을 배열 형태로 저장하는 방법을 실습을 통해 진행했었다. 오늘은 한번 Map에 대해서 배워보고자 한다.
11일차의 힘찬 아침! 오늘은 REST api를 이용하여 데이터베이스로 자료를 주고받는 실습을 해볼것이다. > # REST, REST API란? 출처 - REST “Representational State Transfer” 의 약자로써, 자원을 이름(자원의 표
지난 11일차에는 REST API를 배웠었다. 지난 글에서는 양이 많아서 포스팅 내용에 포함하진 못했지만, 타이타닉호의 탑승자 정보를 바탕으로 REST API를 실습하여 자료값을 받아오는부분까지 했었다. https://raw.githubusercontent.com/AISPUBLISHING/dsfs-python/master/titanic.json 결과값...
오늘은 수업 시작 전 Maven 한개를 추가하였다. 위의 라이브러리는 MQTT 기능을 사용하고자 추가한 라이브러리이다. 여기서 MQTT란 무엇일까? ># MQTT 란? 출처 MQTT는 머신 대 머신 통신에 사용되는 표준 기반 메시징 프로토콜 또는 규칙 세트이다
오늘은 Singleton패턴에 대해서 한번 알아보고 넘어 gaboza.출처 클래스가 최초 한 번만 메모리를 할당하고(static) 해당 메모리에 인스턴스를 만들어 사용하는 패턴을 이야기한다. 즉, '하나'의 인스턴스만 생성하여 사용하는 디자인 패턴인 것이다. 생성자가
금일 수업에는 Oracle SQL에 대해서 배우는 첫 시간이 되겠다. 오늘부터 배우는 수업은 현업에서도 많이 쓰이는 부분이라고 하니 빡집중하며 최대한 필기해야지 ㅎㅎ 먼저 지난번 설치했던 Oracle 클라이언트를 실행시키면 위와 같이 첫 화면이 나오게 된다. 여기서
오늘은 Oracle의 두번째 시간이다. 어제 수업에서 Oracle의 기능들에 대해서 소개를 하는 시간이었다면, 오늘은 문법에 대해서 좀 더 심층적으로 실습을 하는 시간이 되겠다. DB에 저장되어 있는 자료들을 가져올때 다음과 같은 순서를 따르면 되겠다. 1. 전체
지난시간에 이어서 오늘도 한번 Oracle 실습을 진행해보도록 하겠다. 위와 같이 학생 테이블에 들어갈 항목들과 길이를 지정해주도록 한다. 생성한 이후 STUDENT 테이블을 우클릭하여 편집을 누르면 잘 생성된것을 확인 할 수 있다. 이번 테이블의 경우 이름이 아니라 'no'라는 항목을 만들어 따로 기본키로 지정해주었다. 따로 지정해주지 않아 아무...
지난시간 SELECT의 구문순서와 eclipse 연동에 대해서 실습들을 진행하였다. 다시 한번 더 복습하고 넘어가도록 하자! 복습 SELECT 구문의 순서 > FROM -> WHERE -> GROUP BY -> HAVING -> SELECT -> ORDER BY
지난시간은 우리가 고객, 메뉴, 식당 기능까지 Mapper를 구성하여 시험까지 마친 상태이다. 오늘은 다른 테이블과 키를 공유하고 있는 나머지 테이블들(주문, 배달 테이블)의 쿼리문 작성 및 eclipse 코드작성 실습을 할 예정이다. 지금까지 배운 개념들은 실제 업무에서도 사용되는것이니 생각이 나지 않을때마다 블로그 글들 참고하여 문제들을 ...
오늘 수업에는 oracle의 콘솔 출력환경을 변경하여 eclipse처럼 출력할 수 있도록 PL/SQL실습을 진행해보도록 하겠다. 들어가기 앞서서 PL/SQL이란 무엇일까?? 🪐 PL/SQL > ##### Procedural Language extension to SQL SQL을 확장한 절차적 언어(Procedural Language)이다. 관계형...
금일 수업에는 PL/SQL에 이어서 '프로시저'에 대해서 학습을 하는 시간을 가졌다. 그렇다면 프로시저는 무엇일까?? 🪐 프로시저 특정한 로직을 처리하기만 하고 결과 값을 반환하지 않는 서브 프로그램이다. 데이터베이스에 대한 일련의 작업을 정리한 절차를 관계형
금일 시간에는 "트리거(TRIGGER)"에 대해서 알아보는 시간을 가졌다. 들어가기에 앞서서 트리거의 개념부터 잡고 들어가보도록 하자. 🔫 트리거(TRIGGER)란? 트리거는 DB 시스템에서 데이터의 INSERT, UPDATE, DELETE 등의 데이터 변화가
금일부로 Oracle의 진도가 끝이나고, 다음주 월요일에 그동안 학습했던 내용들을 바탕으로 평가를 진행하게 된다. 월요일에 칠 평가문제들의 난이도는 아래와 같이 평이한 난이도로 출제가 된다고 하니, 복습을 하는 시간을 가져보도록 하겠다.PK ( Personal Key
금일부로 Oracle의 최종 평가를 진행하였다.추후에도 Oracle은 많은 용도로 사용할 것 같으니, 필요할때마다 참고하기 위해 오늘 시험에 등장한 문제들을 정리해보도록 하겠다.금일 평가를 마무리로, 이제 그동안 배운 모든것들을 활용하여 미니 프로젝트를 진행하게 된다.
금일부터 10일 금요일까지 짧은 기간동안 미니 프로젝트 제작을 진행할 예정이다. 주제는 '유기동물 입양 서비스'이며 동물 보호소에 등록되어있는 동물들을 한눈에 확인할 수 있고, 유기동물을 입양할 수 있도록 많은 사람들의 이목을 환기시킬 수 있도록하고자 이번 미니프로
프로젝트의 원활한 작업을 위해 Github에 branch기능을 적극 사용하기로 하였다.Notion의 가독성을 높이고자 내용의 총 정리를 실시하였다.어제 작성해둔 쿼리문들을 바탕으로 Mapper를 구현하기 시작하였다.오늘은 ShelterMapper와 AnimalMappe
📈 현재 진행상황 shelterMapper의 기능들이 JFrame UI를 통해 데이터값을 주고받는 기능이 정상적으로 작동됨을 확인하였다. 보호 동물의 정보를 추가, 수정, 조회할 수 있는 기능들을 Mapper에 구성했다. 원활한 소통과 더불어 효율적인 자료의
📈 현재 진행상황 Mapper의 구성은 모두 완료가 되었으며, 다른 조원들의 UI 구성만 남은 상태이다. Notion의 요구사항 정의서에 수정된 내용들을 추가하였으며, 최종적으로 최신화 및 정리를 마쳤다. 요구사항 정의서의 양식을 토대로 PPT파일을 제작하였다.
금일로써 미니 프로젝트를 모두 마치고 내일부터는 드디어 웹개발 진도를 나가게 된다. 그리하여 오늘은 내일 수업을 위하여 미리 환경을 세팅해주었다. 먼저, Google에 들어가서 을 다운받도록 하자. 구글에 쳐서 제일 위에 뜨는 사이트로 들어간 뒤, 64비트로 다운받
기본 사용법 1. 웹 주소 만들기 > 서버주소:포트번호/컨텍스트root(동적프로젝트 명)/url주소(파일 명) 위의 양식대로 주소창에 입력 시, Tomcat을 이용해 만든 웹 페이지가 표시되게 된다. 웹의 경우에는 서로 다른 웹 페이지의 주소로 보내주는 형식이므로,
어제 배웠던 내용들에 이어서 이번에는 웹 화면에서 받은 정보를가지고 Oracle DB에 데이터를 저장하는 실습을 진행하기로 하였다. 실습 주제는 "게시판 만들기"다. 어제에 이어서 기능을 구현해 줄 JSP는 위와같이 6가지가 되겠다. Oracle 셋팅 먼저 시퀀
지난시간에 이어 이번에는 게시글 수정기능을 한번 추가해보도록 하겠다. 게시글 수정 jsp 코드 jsp의 경우에는 수정버튼에 `태그를 추가하여 게시글 no가 updateone.do`의 주소지로 들어가도록 구성했다. 해당 주소를 가지는 servlet을 만들어주었다.
지난시간에 이어 이번에는 이미지를 등록하고 물품별로 조회할 수 있는 기능을 추가하려고 한다. 먼저 사이트에 이미지를 출력할 수 있게끔 셋팅해보도록 하자. 페이지에 이미지 띄우기 안녕? 우리는 위의 고양이 사진을 사이트의 메인화면에 프로필로 사용할것이다. 먼저
이번시간에는 회원가입을 비롯한 마이페이지, 로그인 위한 Web을 구현해보도록 하겠다. 로그인, 회원가입, 마이페이지 생성하기 DB Table 생성하기 DTO 생성하기 Mapper 쿼리문 구성하기 회원가입화면 join.jsp 이번에는 복잡하지 않도록 짧은 이름으
금일부터는 웹페이지 UI를 구성하는 방법에대해서 2주동안 새롭게 배우게 된다. 이번시간에는 Github
폴더와 html파일을 생성. Ctrl + Space (Content assistant) 눌러 두번째 항목 선택,eclipse때 처럼 기본 문법들이 생성된다.위의 페이지에서 코드를 아래와 같이 수정해주었다.위를 실행시키면와 같이 나오게 된다.이번에는 글자의 색과 배경색을
폴더 생성하기 ./Day02 입력양식 태그 데이터 전송방식 (Get, Post) 초기화면 get의 경우에는 정보가 주소창에 노출되고, post의 경
CSS 3 고급 https://docs.google.com/presentation/d/1ppgdgid_cq9ifENfSIOBBTHOAgsCCtwa/edit#slide=id.p18
CSS 3 고급 CSS 가시속성 none이기 때문에 위와 같이 대상이라는 글자가 사라져서 보이게 된다. 웹페이지에서 F12를 눌러 개발자모드를 켠 뒤, ``를 선택하여 배경이미지 먼저 image 폴더에 아래와 같이 이미지들을 추가해주었다. ![](https:/
반응형 웹 반응형 웹이란? 웹 페이지 하나로도 데스크톱, 태블릿PC, 스마트폰에 맞게 디자인이 자동으로 반응해서 변경되는 웹 페이지를 이야기함. 장점 유지보수가 용이함 개발 효율성이 증가 미디어 쿼리(Media query)를 사용하여 개발함. Jav
jQuery/JS 연동 입력양식 Focus 앞자리칸의 길이가 6을 초과할 경우 다음 칸으로 포커스가 넘어가게 되고, 반대로 뒷자리칸의 길이가 0이 될 경우 다시 앞자리칸으로 포커스가 넘어오게 된다. 애니메이션 (setInterval) 문서 객체 생성,추가하기 (j
Web Cloning Bootstrap https://getbootstrap.com/docs/5.3/examples/album/ 위의 사이트를 한번 직접 클로닝하며 학습해보도록 하겠다. 코드가 굉장히 길다.. 성공. 대부분 Bootstrap을 이용하여 style
지난시간에 이어서 오늘 핀터레스트 클로닝 사이트를 완성해보도록 하겠다. 지난시간에는 사진을 표시하는 Masonry 기능까지 구현을 완료하였다. 오늘부로 추가 작업을 진행하여 마무리해보도록 하겠다. 이번에는 사진을 클릭했을 때 lightbox의 기능이 실행되는것과
오늘은 Single page 형식의 웹 사이트를 클로닝해보려고 한다. 참고할 샘플 페이지는 아래이다. https://startbootstrap.com/previews/grayscale ![](https://velog.velcdn.com/images/junkue20
금일 수업에서는 관리자용 SB Admin Web 페이지를 클로닝해보았다.클로닝하려는 페이지는 아래와 같다.메뉴를 클릭하면 다른 페이지로도 이동하지만, 오늘은 메인 페이지만 최대한 구성해보는 것을 목표로 진행하였다.먼저 HTML이다CSS를 구성하기 전 Bootstrap을
금일 수업에서는 이전에 만들었던 관리자용 SB Admin Web 페이지를 마무리하였다.먼저 최종 수정이 완료된 Main HTML, index.html이다.메뉴버튼의 active여부를 통하여 메인 페이지를 확장하거나 축소되도록 CSS의 코드를 아래와 같이 최종 구성하였다
오늘은 교재를 활용하여 페이지를 한번 만들어보았다.아래는 완성된 웹사이트의 모습이다.배너 사진은 JS를 이용하여 버튼과 상호작용을 하도록 설정하였다.오늘은 이렇게 만들어진 HTML 파일들 JSP로 변환하여 Servlet을 이용한 웹페이지를 구현해보려고 한다.
금일 수업에는 VScode에서 작업을 했던 웹 페이지를 eclipse로 가져와 JSP 파일로 변환하여 Servlet을 지정해줌과 동시에, Kakao Devlopers를 이용하여 Key를 발급받아 도메인을 설정하고 kakao Maps의 API를 직접 사용해보았다.먼저
RestController pom.xml에 새로운 dependency인 restcontroller를 추가했다. 기본적으로 json문서는 타입을 바꿔서 보내야 인식이 가능하기 때문에 PostMan API 백엔드의 특성상 React.js, Andriod, ios 개
게시글 이미지 첨부 form 태그 만들어서 사용해보기 (``)와 ``는 완전히 다른 형태이다. 유효성 검사 절대경로 & 상대경로 ` // 절대 경로를 이용한 페이지 이동 response.sendRedirect(request.getContextPath() + "/
물품 이미지 조회 물품 이미지 삭제 물품 이미지 수정 typescript 프론트에 관심있는사람들은 필수 javascript 명칭 확인할 것! 이미지 수정 모달창 버튼누를때 이미지 넘버와 물품넘버를 넘기도록 onclick에 저장 form 태그에서 반응하기 위
h2 DB 오류 개선 어제 실습도중 트래픽 증가로 인해서 서버가 자주 다운됐었다. 이를 해결하기 위해서 sqlSession 객체를 정적으로 최초 한번만 생성되도록 위와 같이 코드를 수정하였다. 유효성 검사 주의점 회원가입 페이지에서 다른 대부분의 항목들은 유효성
마이페이지 생성 실습 필터(로그인 상태 체크용) controller도, mapper도, dto도 아님. 새로운 class를 생성해주어야 한다. (위의 코드 설명을 추가) 콘솔창에 아래와 같이 잘 뜨는것을 확인할 수 있다. 이를 이용하여 HttpSession에 등
이번 시간에는 물품과 물품들의 이미지 정보를 불러와 고객들이 주문을 할 수 있게 구성하고, 주문을 한 뒤에는 마이페이지의 4번째 주문내역의 목록에서 주문정보를 확인 가능하도록 기능을 구현 해보겠다.먼저 상품을 보여주는 메인 화면은 지난번 프론트엔드 학습 시간에 Boot
오늘은 지난시간까지 진행했던 '주문내역 확인'부분부터 구현 & 확인해보고자 한다. 주문내역은 마이페이지의 네번째 메뉴에서 확인이 가능하며, 테이블뷰를 이용하여 총 3가지의 테이블을 합쳐서 사진과 같이 상품과 상품을 구매하는데 필요한 정보들을 한번에 확인 가능하도록
Node.js 설치 https://nodejs.org/ko 안정적이고 신뢰도가 높은 왼쪽의 버전을 다운로드해주자. 경로지정 Node.js를 사용하고자 하는 위치에서 주소창을 누른뒤, cmd라고 입력해준 뒤 실행해준다. (별로 중요한 정보가 없어서 경로를 모자이크
금일 수업에서는 Spring에 대해서 진도를 나갔다.Spring을 사용하기 위해서는 VScode에서 먼저 Spring Boot Extension Pack을 설치해주어야 한다.그다음, Ctrl + Shift + P 키를 눌러 명령 팔레트 창을 실행 시키고, Spring
먼저 오늘의 학습을 위해서 서버부터 가동시켜주도록 하자. 이후 board dto를 생성. 게시글 작성 페이지 insert.html 작성 form 형태에서 action을 실행할 경로를 어제와 마찬가지로 th:~을 붙였다. 하지만 페이지에서 직접 소스를 확인해보면
오늘은 저번시간에 이어 전체적인 복습 겸, Item(물품)에 관련한 기능들을 추가해보겠다. 복습하기 추가할 사항들은 DTO, Controller, Service, ServiceImpl, Mapper, Mapper.xml, html이다. 엄청많다;; 차례대로 추가해보
지난시간에 홈화면(html)에 적어두었던 코드의 일부로, 오늘 실습에서는 회원의 역할군이 "SELLER"일때 생성되는 판매자 홈페이지를 구성해보도록 하겠다.디자인은 나중에먼저 판매자홈을 클릭하게 되면이러한 모습을 띄게 되는데,<hr> 선 아래의 영역에 기능들이 바
` https://docs.spring.io/spring-data/jpa/docs/2.7.10/reference/html/#jpa.sample-app.finders.strategies` Entity 테이블 생성하는것. 기존에 dto와 같은 역할이지만, 직접 db에
RestController 생성
BigDecimal 타입 오류 수정 import java.math.BigDecimal; 임포트
interface로 생성일반적인 방법으로 entity를 추가하게 되면 시퀀스가 null값이 대입되는 오류가 발생한다.여기서 해결 방법이 두가지로 나뉜다.ID를 두개 지정해 준 뒤, Restaurant1ID 라는 새로운 entity 생성.기존 entity를 상속하여 키
기존의 Controller 방식과 Rest방식 두가지를 이용하여 데이터를 삽입해보도록 하겠다.먼저 Controller 방식을 이용해 도서정보를 insert 해보자.DB에 성공적으로 데이터가 들어갔음을 확인할 수 있다.postman을 통해서 데이터를 삽입해보면status
오늘은 먼저 기존에 사용했던 SecurityConfig를 수정하여 Student2 테이블의 정보로 로그인할때도 로그인과 로그아웃 이후의 페이지로 연결함과 동시에세션에 사용자정보를 저장하는 기능을 사용할 수 있도록 해보겠다.먼저 SecurityServiceImpl1 부터
오늘은 어제 수업에 이어서 회원가입 기능에서도 토큰을 이용하여 기능을 수행해보도록 하겠다.먼저 토큰 정보를 받아 검증을 거쳐 기존 정보를 받아오고 데이터를 수정할 수 있도록 Rest컨트롤러의 회원가입 @PostMapping 어노테이션을 수정하겠다.이제 세부적인 오류상황
금일 수업에서는 실시간 채팅 기능과 스케쥴링을 활성화해보도록 하겠다.먼저 채팅을 위한 서버 클라이언트를 설정해보도록 하겠다.서버는 채팅 환경에 알맞도록 실시간 적용이 가능한 Rest 방식의 컨트롤러를 이용했다.클라이언트에 접속하게되면 접속을 20분동안 유지할 수 있도록
VMware Ubuntu MobaXterme 세가지 설치
길고 길었던 프로젝트를 무사히 마무리하였고, 오늘부로는 Python에 대해서 학습을 하게 된다. 금일은 Python을 설치하여 환경설정을 해주는 단계정도만 정리해보고자 한다.아나콘다 다운로드 링크https://www.anaconda.com/download먼저