전체 글 147

24일차 복습

flex속성 최근 새로 나온 속성으로, 박스(컨테이너)들의 원활한 배치를 위해 만들어졌다. 우리가 웹사이트에 메뉴창(nav창)을 만들거나, 링크를 걸거나, 그 외에도 어떤 기능이 있는 버튼(글자)을 만들 경우, 대부분은 보기 편하게 어떤 방식으로든 정렬되어 있다. flex속성은 이런 정렬을 쉽게 해주기 위해 만들어졌다. 만약 flex속성이 없다면 position을 absolute로 지정해 좌표를 지정해주거나 float속성으로 일일이 정렬해야 할것이다. flex의 기본 개념 flex는 간단히 말해 컨테이너 태그를 크게 세로축, 가로축으로 나눠서, 사용자의 편의에 맞게 정렬할수 있게 해주는 속성이다. 이때, 컨테이너의 내용물( 이해하기 쉽게 div형태의 박스라고 가정하자)의 height 속성을 컨테이너의 높..

공부/html --- css 2022.12.15

23일차 복습

부정선택자 not(태그이름) : not의 값이 아닌 태그들에 적용된다. css의 크기단위 0은 단위를 안적어도 되지만 그 외의 값들은 반드시 단위를 적어줘야만 한다. px : 픽셀 em : 배수단위. 1em을 사용자가 정해두면, 그것의 배수로 적용된다. % : 퍼센트 단위. rgba a : Alpha. 투명도를 뜻함. 0.0~1까지 선택할수 있으며, 0은 완전투명, 1은 완전 불투명이다. 배경에 이미지 입히기 background-image : url( ); : body태그를 선택해 해당 속성을 적용시키면 된다. background-attachment : 이미지 스크롤 정하기. 고정을 원하면 fixed. 스크롤되기를 원하면 scroll. 문단태그 p1입니다. 문단태그 p1입니다. 문단태그 p1입니다. 문단..

공부/html --- css 2022.12.14

22일차 복습 -2 css시작

css (Cascading Style Sheet) 웹문서의 디자인과 배치. 중첩가능하며, 나중에 적용된 속성이 이전 속성을 덮는다. 기본적으로 속성 1개는 세미클론 한개로 마침. 적용방법 1. head 태그 안에 style태그로 넣는 기본적인 방법 2. 태그안에 직접 style 속성을 넣는 인라인 태그 3. css파일 임포트. css파일을 별도로 만들어서 import하는 방법 link 태그를 사용한다. ```html 제목태그 H1입니다. 제목태그 H2입니다. 제목태그 H3입니다. ``` class : 문서안에서 여러개를 지정할때 사용. .으로 접근하낟. id : 문서 안에서 유일한 태그로 지정할 때 사용. #으로 접근한다. 태그선택자. 클래스 선택자 : 태그 안의 클래스만 적용된다. 태그선택자 # id선..

공부/html --- css 2022.12.13

21일차

html 은 근본적으로 재미가 없다. 거기에 외워야할 태그는 산더미여서 더더욱 재미가 없다. 태그 : 이미지를 넣는다. src속성 : 이미지의 주소나 파일 이름을 넣는다. alt 속성 : 이미지가 없을때 대신 나오는 문구 width height : 이미지의 가로/세로를 정하는 속성 이미지 늘리거나 줄이기 : 본래 해상도의 비율에 맞춰서 늘리거나 줄인다. 이미지 해상도 1280 x 853 image1.jpg 다운로드 링크 서버에 데이터를 보내는 2가지 방식 1. form 태그 통신: html을 이용 - GET/POST 만 존재함 get : 주소줄에 데이터를 노출시켜서 같이 보냄. post : HTTP body에 데이터를 실어서 보냄 2. JS의 Ajax(비동기통신)/fetch/axios : 리액트.js/V..

공부/html --- css 2022.12.12

20일차

오늘부로 html을 배웠다. html은 엄밀히 말하자면 프로그래밍 언아가 아닌, 마크업 언어(Markup: 문서타입)이다. xml 하위 집합으로 xml의 형식을 따른다. 태그로 시작해서 태그로 끝난다. 태그 형식 쌍태그 : 내용 단태그 : 속성형식 : : 주석 기본 글씨 크기는 16픽셀입니다. 제목 글씨 H1 제목 글씨 H2 제목 글씨 H3 제목 글씨 H4 제목 글씨 H5 제목 글씨 H6 ``` : 줄바꿈 태그 : 쌍태그 형식으로 사용한 태그. 자주 사용하지는 않음. 문단 : 문단(phrase)을 넣기 위해 사용하는 태그. 줄바꿈이 내장되어 있으며, 세로로 여백이 생긴다. : 더미 문구. 의미는 없으나 텍스트용도로 사용할수 있게 내장된 기능. : Anchor(닻)의 약자. 하이퍼링크(바로가기)를 위한 태..

공부/html --- css 2022.12.11

19일차

자바와 MariaDB연결하기 먼저 Maria db를 다운받은 사이트에 가서 connect.jar을 다운받아 모듈 추가를 해야한다. package MariaDB; import java.sql.Connection; import java.sql.DriverManager; public class DBConnect { public static void main(String[] args) { //데이터베이스 접속 객체 Connection conn = null; try { //MariaDB 드라이버 로드 ( com.mysql.cj.jdbc.Driver ) Class.forName("org.mariadb.jdbc.Driver"); //데이터베이스 접속 conn = DriverManager.getConnection( /..

공부/java 2022.12.08

18일차 복습

GUI 기반 소프트웨어 만들기 GUI(Graphic User Interface) 우리가 흔히 보는 창을 띄워서 버튼을 눌러서 입력하고 x표시를 눌러 화면을 끄는 창(Interface)를 말한다. 요즘은 SAAS(서비스형 소프트웨어)라고 해서 대부분 웹 브라우져로 해결할수 있기 때문에 설치 소프트웨어 자체가 사장되어가는 분위기다. 특히 자바같이 연식이 있는 GUI라면 더더욱 그렇다. 크게 AWT와 SWING 두개의 방식이 존재한다. AWT는 저수준의 UI를 지원하며 Frame, Panel을 사용한다. 반대로 향상된 SWING는 고수준의 UI를 지원하며, JFrame, JPnel을 사용한다. 여기서 Frame란 윈도우창 뼈대, Panel이란 컨트롤 컨테이너, 즉 각종 조작 버튼, 입력창 등을 포함한 프레임 ..

공부/java 2022.12.08

16-17일 통신

통신 통신은 HTTP와 소켓(socket)통신으로 나눠진다. HTTP통신은 웹 브라우저와 같이 클라이언트(사용자)가 서버에 요청을 보낼때만 응답하는 통신이다. 예를 들어 우리가 특정 사이트에 로그인 할때, 우리는 "이 정보(ID/PW)가 맞는지 확인해주세요." 하는 식의 요청을 보내고 그에 맞춰 웹사이트에서는 "맞네요" 또는 "아닙니다" 와 같은 정보를 돌려주는 것이다. 반면 소켓 통신은 양방향 통신이다. 특정 포트(창구)를 통해 서버와 클라이언트가 실시간으로 정보를 주고받으며 소통할 수 있다. 채팅, 게임과 같이 응답 흐름이 양방향인 경우는 소켓통신이다. 연결지향적이며, 포트가 공개되어 있지 않아 제3자가 접근하기 힘들다. 달리 TCP/IP통신이라고 말하기도 한다. 포트, ip주소등, 서로 연결하기 위..

공부/java 2022.12.06

16일차 복습

본래 어제 올려야 했으나, 막혔던 문제를 하루종일 붙잡고 있었던 관계로 하루 늦게 작성한다. IO (Input Output) 파일 읽고 쓰기 크게 3종류가 존재한다. 1. 바이트(byte)단위 2. 문자 단위 3. 대용량 - 속도 개선 1. 바이트 단위 파일쓰기 FileOutputStream 클래스: 주어진 file객체가 가르키는 파일을, 바이트 스트림으로 읽기 위한 클래스. 객체를 생성할때 FileOutputStream ( file ) 형식의 생성자 함수값을 넣어줘야 한다. 파일 경로를 넣어줄 수 도 있고, 파일이름을 넣을 수도 있다. public class ex121 { public static void main(String[] args) { String filePath = "./out1.txt"; ..

공부/java 2022.12.06