분류 전체보기302

• 

  [IntelliJ_Springboot] 숫자게임#1 1. 구조controller 폴더GameContoller : http://localhost:8080/games, http://localhost:8080/games/numberbaseball 페이지 get방식으로 templates의 html파일을 열어준다.GameJsonController : ajax 비동기 방식으로 게임을 만들다보니 json 타입으로 값을 전달해야되서 사용한다. 버튼을 누르면 랜덤한 세자리 숫자를 생성하거나 입력한 숫자를 비교해 결과값을 출력하는데 사용한다.util 폴더Run : 숫자야구 로직을 구현한다. getAnswerNum() 랜덤 숫자 3개를 반환한다.checkAnswerNum() 입력 받은 숫자와 생성한 숫자를 비교해 스트라이크, 볼 값을 문자열로 반환한다.resources/te.. Coding 공부/IntelliJ 2024. 5. 14.

• [IntelliJ_Springboot_MariaDB] Querydsl 예제코드, Mapper, BoardService 예제코드, BooleanBuilder, @Configuration, @Bean 1. Repository 클래스, 인터페이스들간의 관계public interface BoardRepository extends JpaRepository, BoardSearch{}public interface BoardSearch {}public class BoardSearchImpl extends QuerydslRepositorySupport implements BoardSearch {}JpaRepository  Java에서 사용되는 이 코드 조각은 Spring Framework의 일부를 활용한 데이터 접근 계층(DAO, Data Access Object) 구현의 예를 보여줍니다. 각각의 역할과 관계를 간단하게 설명해 드리겠습니다.1.1 JpaRepositoryJpaRepository는 Spring Da.. Coding 공부/IntelliJ 2024. 5. 14.

• 

  [Express_Ajax_MySQL] Person 추가 연습_DB연동_JQuery_Ajax 사용 1. 디렉토리 구조templates 폴더person.html에 Ajax를 활용해 post 방식으로 json 객체를 보낸다.Ajax를 활용해 버튼을 누르면 비동기 방식으로 person 테이블에 있는 자료들을 http://localhost:3000/personInfo에서 jason 객체로 받아온다.동적으로 요소를 contennts 디비전에 추가한다.config 폴더db.js에서 MySQL의 DB에 연결하고 설정값을 넣는다. server.jsexpress로 http://localhost:3000/에 연결한다.get 방식으로 http://localhost:3000/personInfo에 db에 select sql문을 보내 자료를 받아와 json형태로 보내준다.get 방식으로 http://localhost:3000.. Coding 공부/NodeJS_Express 2024. 5. 13.

• 

  [Express] MySQL 연동, module.exports, bodyParser 미들웨어, CMD 명령어 복습 1. mysql 연동 예제myapp 폴더 내에 config 폴더를 만든다.config폴더 내에 db.js를 만든다.var mysql = require('mysql')const db = mysql.createPool({ host:'localhost', user:'root', password:'1234', database:'practice', port:3306})module.exports=db;db를 연결하는 코드이다.module.exports=db;는 express에서 require함수를 반환받는 코드이다. (2.2에서 자세히 설명)mysqlWorkbench에 접속해서 practice db를 만들어주자.MySQL Workbench를 실행한다.File > new Query Tab을.. Coding 공부/NodeJS_Express 2024. 5. 13.

• [Big data & Python] 딥러닝, 넘파이(numpy), 텐서플로우 케라스 예제(Tensorflow.kreras), 파이토치 예제(totch) 1. 딥러닝 이론딥러닝 이론 : https://just-record.github.io/deep-learning/deeplearning-overview/딥러닝 학습과정 시각화 실습 링크 : https://playground.tensorflow.org/ 2. 넘파이(numpy)링크 : https://just-record.github.io/python-data_analysis/python-numpy-01/ 2.1 넘파이 예제# pip install numpyimport numpy as np# 가상의 데이터 생성: y = 2x + 1 + 잡음np.random.seed(0)x = np.random.rand(100, 1) # 100개의 x 값y = 2 * x + 1 + 0.1 * np.random.randn(10.. Coding 공부/Big data & Python 2024. 5. 11.

• 

  [NodeJS] Node.js, Express, Express 설치 및 기본 예제, postman 간단 사용방법, Express : get, post, put, delete 예제 1. Node.js, ExpressNode.js와 Express는 모두 JavaScript 기반의 테크놀로지로 웹 애플리케이션 개발에 널리 사용됩니다. 이 두 기술의 핵심적인 특징과 역할에 대해 설명하겠습니다.  1.1 Node.jsNode.js는 서버 사이드에서 실행되는 JavaScript 런타임 환경입니다. 원래 JavaScript는 웹 브라우저에서만 실행되었지만, Node.js의 등장으로 인해 개발자들은 브라우저 외부, 즉 서버 측에서도 JavaScript를 사용할 수 있게 되었습니다. Node.js의 주요 특징은 다음과 같습니다:비동기 이벤트 주도 아키텍처: Node.js는 비동기(non-blocking), 이벤트 주도(event-driven) 방식으로 설계되어 있어, 여러 연결을 효율적으로 관리.. Coding 공부/NodeJS_Express 2024. 5. 10.

• 

  [IntelliJ_Springboot_MariaDB] Update, Delete 예제, JPA 페이징, 페이징 예제, querydsl 사용 설정, Querydsl 1. JpaRepository : Update, Delete 예제 @Testpublic void testUpdate() { Long bno = 10L; Optional result = boardRepository.findById(bno); if (result.isPresent()) { Board board = result.orElseThrow(); board.change("updateed... title", "updateed... content"); boardRepository.save(board); log.info("---------------------------------------------------------"); .. Coding 공부/IntelliJ 2024. 5. 9.

• [IntelliJ_Springboot_MariaDB] Thymeleaf의 레이아웃, @ModelAttribute, ORM, JPA, 엔티티(Entity), @GeneratedValue, @Id, @MappedSuperclass, @EnableJpaAuditing 1. 왜 내부 클래스는 private 변수에 접근할 수 있을까요?캡슐화 강화: 내부 클래스는 외부 클래스의 일부로 간주됩니다. 따라서 외부 클래스의 private 멤버에 접근할 수 있는 것은 자연스럽게 내부 클래스의 기능을 확장하거나 개선하는데 도움이 됩니다. 이는 내부 클래스가 외부 클래스의 동작을 직접적으로 조작하고 상세하게 제어할 수 있게 하여, 두 클래스 간의 밀접한 통합을 가능하게 합니다.구현 세부사항 숨기기: 외부 클래스가 특정 기능을 구현하는 데 있어 복잡하거나 세부적인 로직을 내부 클래스에 위임할 수 있습니다. 이 때, 외부 클래스의 private 데이터에 접근하게 하면, 외부 클래스는 보다 깔끔하게 인터페이스를 제공할 수 있으며, 구현 세부사항을 내부 클래스 내에 숨길 수 있습니다.유연성.. Coding 공부/IntelliJ 2024. 5. 8.

• 

  [Big data & Python] openAI API(API 키, 결제, 채팅 예제, 링크) 1. 소개 OpenAI의 API를 사용하면 OpenAI에서 제공하는 웹 사이트가 아닌 다른 곳에서 OpenAI의 인공지능 기능을 사용할 수 있습니다.개발하고자 하는 서비스에 OpenAI의 인공지능 기능을 추가 할 수 있습니다.예시) 사용자에게 키워드를 받거나 지금까지 검색했던 결과들을 가공하여 OpenAI에게 API를 통해 질문을 한 뒤 통계 그래프를 받거나 추천 검색어 등 다양한 결과물을 받아올 수 있습니다. 2. API 키, 결제openai 홈페이지는 자주 업데이트 되므로 해당 버튼이 없거나 위치가 변경될 수 있다.링크 : https://openai.com/Products > API login 클릭API 클릭왼쪽탭 마우스 왼쪽 클릭>  API keys 클릭 > View user API keys 클릭설.. Coding 공부/Big data & Python 2024. 5. 7.

• 

  [Python_FastAPI] TodoList#6 로그인, 로그아웃, 세션 추가 1. 모듈 설명dao : DB에 sql을 보내는 메서드connectionUtils.py : postgreSQL 연결 Connection 생성todoDAO : todoDTO 객체를 통해 DB에 sql문으로 기능 수행 CRUD(create, read, update, delete)memberDAO : id, password를 받아 일치한다면 memberDTO 반환dtotodoDTO : todo 객체(tno, title, dueDate, finished)memberDTO : member 객체(mid, mpw, mname)templates : view 부분list.html : 목록 페이지login.html : 로그인 페이지register.html : todo 등록 페이지read.html : todo 세부 페이지m.. 프로젝트/Python - FastAPI 2024. 5. 7.

• 

  [IntelliJ_Springboot_MariaDB] Springboot 프로젝트 생성, MariaDB 연결, Springboot Controller 예제, JASON, DAO, DTO 1. DAO, DTODAO (Data Access Object): 데이터베이스에 대한 액세스를 캡슐화하고 데이터베이스 작업을 수행하는 객체를 말합니다. DAO는 데이터베이스에 대한 CRUD (Create, Read, Update, Delete) 작업을 수행하는 메소드를 제공하여, 비즈니스 로직과 데이터베이스 간의 연결을 분리하는 역할을 합니다.DTO (Data Transfer Object): 데이터 전송 객체로, 계층 간 데이터를 전달하는 데 사용되는 객체입니다. DTO는 특히 분산 시스템이나 웹 서비스에서 데이터를 효율적으로 전송하기 위해 사용되며, 비즈니스 로직을 포함하지 않고 순수하게 데이터를 담고 있습니다.  2. Springboot 프로젝트 만들기망치버튼(build)를 누르면 앞서 체크 했던 d.. Coding 공부/IntelliJ 2024. 5. 7.

• 

  [Python_FastAPI] TodoList#5 세부 페이지, 수정, 삭제 기능 추가 1. 모듈 설명dao : DB에 sql을 보내는 메서드connectionUtils.py : postgreSQL 연결 Connection 생성todoDAO : todoDTO 객체를 통해 DB에 sql문으로 기능 수행 (modify, delete 메서드 추가)dtotodoDTO : todo 객체templates : view 부분list.html : 목록 페이지register.html : todo 등록 페이지read.html : todo 세부 페이지modify.html : todo 수정 페이지main.py : 컨트롤러(view 부분에 jinja2로 html에 접근해 get, post방식으로 자료 교환)"/todo/read", "/todo/modify", "/todo/delete" 추가 2. 필요한 라이브러리 .. 프로젝트/Python - FastAPI 2024. 5. 3.