TIL-10주차 코드

1. OracleDB 설정 및 SQL 기본 설정 : 230130 0) 오라클DB 설정 sql developer에서 id 입력하고 pwd 입력하고 서비스 이름 : id, pwd, xepdb1 입력 후 테스트 버튼 누르고 접속 버튼 누르기 1) SQL : DDL(CREATE, ALTER, DROP) : 테이블 DML(INSERT, SELECT, UPDATE, DELETE) : CRUD(주로 쓴다!) DCL : 허가, 허락, 취소 등 테이블 정의하기 : 데이터 구조 정의하기 : 개념상의 데이터 오라클에서는 정수/실수를 따로 구분하지 않는다.(NUMBER) 오...

더보기

HTML,CSS - CSS Study(2)

0. CSS 실습2 : 인스타그램 로그인 페이지 실습 다시 : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link href="css/login...

더보기

HTML,CSS - CSS Study(1)

1. CSS 과제 피드백 : 230126 html에서는 style.css만 경로로 불러내어 style.css에서는 모든 css 파일들을 import해서 사용한다. 결국, html파일에서는 간단하게 보이고 style.css에서 모든 css 파일들을 관리할 수 있다. 마진은 top에 주는 것이 좋다. 아래 객체들이 영향을 받기 때문이다. pseudo 코드 : hover 클릭했던지 마우스 포인터에 따라 색깔을 바꿀 수 있다. 2. CSS 강의1 시작 : 13~19강 : 명확히 정리 14강) CSS를 링크하는 방법 2가지 ...

더보기

TIL-9주차 코드

1. 프로젝트 기획 / 분석 : 23.01.25 System 이란? : 하나의 목적을 가지기 위한 체계적인 방, 통합된 행위에 대한 체계 System Integration(SI) : 시스템 통합 체계란? : 업무에 있어서 체계가 있어야 한다. 물품구매 시스템에서 역할자가 필요하다. 인력에 대한 결재가 필요하다. 이러한 구인 시스템이 필요하다. 이러한 것들을 업무 시스템이라고 말한다. 결론 : 회사에 이러한 시스템이 있어서 우리는 이러한 시스템을 전산화한다. 전산화를 위한 이유 : 하드웨어...

더보기

Docker-Docker Study

1. Docker : 23.01.24 1) Docker 란? 작은 컴퓨터를 컨테이너로 만들어서 가상 환경에서 프로그램을 이미지로 올려서 돌릴 수 있다. 보통 서버나 DB를 돌린다. 2) Docker 문법 : 컨테이너 모든 목록 확인: docker ps -a 컨테이너 실행중인 목록 확인 : docker ps 컨테이너 동작 : docker start (컨테이너 이름) docker start oracle 컨테이너 멈춤 : docker stop (컨테이너 이름) ...

더보기

TIL-8주차 코드

1. 웹소켓 : 23.01.18 1) 웹 소켓이란? 소켓이라는 것은 송신부와 수신부에서 최소한의 정보 2가지를 묶어서 보내준다.(IP, 버퍼에 붙여지는 식별해주는 Port) 이 2가지가 있어야 데이터의 송수신을 식별할 수 있고 이를 소켓이라고 부른다. 마지막으로 URL이 필요하다.(리소스에 해당하는 식별자) 이제는 URL을 통해서 데이터를 주고 받는다. uri도 접속자의 식별자로 사용된다. 하지만, 나중에 서버쪽에서 데이터를 분배하는 것이 어려울 수도 있다.*** 2) 소켓 예제 소켓은 TCP/...

더보기

TIL-7주차 코드

1. JS [23.01.09] 1) game example 적기의 각각이 기능을 갖고 있도록 해야 한다. 실습 코드 - main.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

더보기

TIL-6주차 코드 - Day4~5

1. JS (배열 뽀개기 ,Collection : Set, Map) [23.01.05] 1) Array Destructring(배열 뽀개기) let kors =[1,2,3]; let[kor1,kor2,kor3] = kors; //신기하네. let에 바로 붙여쓰네 console.log(kor1); // 에러발생 : 이미 지역 변수가 있어서** let kors2 = [2,3,4]; // let[kor1,kor2,kor3] = kors2; // 이렇게 쓰면 에러가 발생한다. 선언을 2개 해버려서.. [kor1,kor2,kor3] = ko...

더보기

Error - Error 모음

0. Project 주의 : 1) 프로젝트 진행 시 유의 사항 : vscode던 이클립스던 프로젝트 진행 시, 폴더 열기는 항상 root 경로가 주된 프로젝트 1개만 있어야 한다. 프로젝트 설계시, 물리적인 구조인 디렉토리 구조를 잘 잡고 가야 한다.(html이나 jsp 파일은 우리가 문장으로 썼을 때, 명사 위주로 설계한다. ) 1. Javascript 에러 1) Canvas JS 새로운 페이지 등록 시, main.html 파일에서는 url 연결 시켜주기! <script src="./item/background.js"></script...

더보기

Test-Daily Test(23-01)

1. Montly Test : [23.01.04] 문제 3. 1) package com.test.monthly1_1; import java.util.Scanner; public class MontlyTest1_1 { public static void main(String[] args) { System.out.printf("평균 : %.2f",average()); } private static float average() { Scanner scan = new Scanner(System.in); System.out.println("3개의 값을 입력해주세요."); ...

더보기

TIL-6주차코드 - Day1~3

1. ES5 이미지 크롭 후 이동 [23.01.02] 0) 들어가기 전 플랫폼보다는 객체지향을 더 공부하기!! 우리조 1조임 1조 발표 : 파란 사각형이 객체, 방향키가 사용자 입력, Exit 꾸준함이 가장 중요하다. 1) 이미지 크롭하기(일부분을 잘라내기) ctx.drawImage(img,106,296.5,106,148.25, 0, 0, 106, 148.25); // sx는 source(원본의 x크기), dx(display x크기,실제로 보여지는 크기) 전체 화면에서 다른 부분을 크롭하면, 화면이 넘어가는 장면을 만들 수 있다. 하지만, 이렇게 화면에 2개가 이미지가...

더보기

Canvas - Canvas JS Study

1. Canvas JS 공부 1) Canvas 기본 개념 공부 main.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script sr...

더보기