TIL - 12주차 코드
프로젝트 개발 : 우리가 만들 프로젝트는 서버측에서 스프링부트를 이용하여 데이터를 RESTful API로 전송하기만 하고 클라이언트측에서 이러한 데이터를 받아서 클라이언트 측에서 전반적인 웹 개발(대부분의 업무 로직)을 진행한다.**
이클립스 자동완성 : option + space
1. Servlet, JSP : 230213
1) 웹 서버 프로그래밍
‘동적이다’라는 의미 : 클라이언트가 요청하거나 서버를 실행할 때, 문서가 만들어 진다.
현재 코드의 문제점 : 데이터를 출력하는 코드와 입력하는 코드가 섞여 있다.
I/O 작업과 메모리 작업이 매우 다르다. 메모리 작업이 빨라서 먼...
CS - 운영체제(1)
1. Intro
1) 요약 :
운영체제 개요
컴퓨터 시스템의 구조
프로세스 관리
CPU 스케줄링
병행 제어
데드락
메모리 관리
가상 메모리
파일 시스템
입출력 시스템
디스크 관리
2) 운영체제란 무엇인가?
a. 운영체제란? :
컴퓨터 하드웨어 바로 위에 설치되어 사용자 및 다른 모든 소프트웨어와 하드웨어를 연결하는 소프트웨어 계층
b. 하드웨어와의 인터페이스
사용자 및 각종 소프트웨어와의 인터페이스 : 컴퓨터를 편리하게 사용할수 있는 환경을 제공한다.
c. 운영체제의 목표
운영체제는 동시사용자/프로그램들이 각각 독자적 컴퓨터에서 수행되는 ...
TIL - 11주차 코드
1. OracleDB, 서브쿼리, join : 230206
1) 서브쿼리
기존 sql문은 에러가 발생한다. ORDER BY 의 순서가 중요하다!
SELECT * FROM MEMBER ORDER BY REG_DATE DESC
WHERE ROWNUM BETWEEN 1 AND 10;
먼저 실행될 것이 있다면, 서브쿼리를 사용한다!
SELECT * FROM (
SELECT * FROM MEMBER ORDER BY REG_DATE DESC
) WHERE ROWNUM BETWEEN 1 AND 10;
문제점 : 하지만, 2page가 나오지 않는다! ROWNUM을 이용하고 서...
HTML,CSS - CSS Study(3)
1. Grid 레이아웃
59강) Grid 레이아웃 학습 개요
손쉬운 격자형 레이아웃이다. 이전에는 격자형 레이아웃을 바로 할 수 없었다.
1) Grid 용어 :
Track : 한 열을 의미한다.
Gutter : 열과 열의 사이 간격
Cell : 그리드 중 1칸을 의미한다.
Area : 여러 Cell들의 묶음을 의미한다.
2) Grid 기본 속성 :
grid-template-columns : 그리드의 열을 구성.
grid-template-rows : 그리드의 행을 구성.
3) 실습 코드 :
.grid-box{
display: grid;
grid-template-...
Project - 1th 프로젝트
1. 1차 Project 관련 글 : 230202
1) DB 설계 :
a. 필수 :
Member/Stuff/list.html라고 하면, MEMBER 테이블 필요, STUFF 테이블 필요, 참여방 관련 테이블이 따로 필요하다. 총 3중 연결 DB!
MEMBER 테이블은 회원 정보 관련 테이블이다.
STUFF 테이블은 글 등록 관련 테이블이다.(여기에 카테고리 테이블을 연결시켜줘야 하는가? 카테고리를 STUFF 테이블에 넣어줘도 된다.)
참여하는 방 관련한 테이블이 따로 필요한가? 참여한 사람에 대한 정보가 한가? 참여한 사람에 관해서
b. 선택 : 기본적인 DB에 칼럼을 추가하는 것이...
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">
...
전체 글 79개, 7 페이지