전체 글 111

CSS :) [중요] CSS단위의 종류와 이해

goal css의 단위의 종류를 알고 개념에 대해서 이해한다. 1 ] (중요)CSS단위의 종류 : vw, vh (이외에도 다양한 종류가 존재) 다양한 단위를 알기위한 참고자료 : https://nykim.work/85 단위 설명 절대 단위 px, pt 상대 단위 %, em, rem, ch, vw, vh rem : root의 글자 크기를 중심으로 배로 증가시킨다. root는 1rem이며, 상대적 크기 증가를 하고 싶으면 2rem으로 조절 자주 사용한다. vw (viewport Width) : 뷰포트를 기준으로 하는 너비의 단위 1vw = 뷰포트 너비의 1% (만약, 500px너비의 뷰포트인 경우, 1vw = 5px) viewport란, 브라우저에서 사용자에게 보이는 부분을 말한다. vh (viewprot ..

Markup-language/CSS 2022.04.27

CSS :) HTML에 CSS 적용시키기 (인라인/내부/외부 스타일)

goal HTML에 CSS를 적용시키는 3가지 방법에 대해서 이해한다. - link태그, style태그 1 ] HTML에 CSS 적용시키기 ... link태그 : HTML파일과 다른 파일을 연결하는 목적으로 사용 link태그의 rel : 연결하는 파일의 역할과 특징 [1] CSS적용 방법 3가지 인라인 스타일 : 적용할 태그 바로 옆에 style 옵션으로 css를 주는 것 내부 스타일 : style 태그의 명세로 HTML에 정의하여 사용하는 것 외부 스타일 : 다른 파일에 CSS를 저장시키고, link로 가져다 쓰는것 참고 자료 : [css]정리 - 스타일 적용 3가지 방법 인라인/내부스타일시트/외부스타일시트, everfree, https://m.blog.naver.com/PostView.naver?is..

Markup-language/CSS 2022.04.27

잡다한 기초 :) 컴퓨터 구성 요소 및 동작방식, sw/hw종류, 컴파일과 빌드, 2티어/3티어 아키텍쳐

goal 컴퓨터의 구성요소를 이해한다. 소프트웨어의 종류 / 하드웨어 종류를 이해한다. 시스템 소프트웨어 / 응용 소프트웨어 / 중앙 처리장기 / 기억장치 / 캐쉬메모리 / 기억장치 계층 구조 컴퓨터의 동작을 이해한다. 프로그래밍을 이해한다. 컴파일 / 빌드 서버와 클라이언트를 이해한다. 2티어/3티어 아키텍쳐를 이해한다. * 들어가며.... 프로그램 = 소프트웨어 & 애플리케이션 만약, 어떤 소프트웨어가 웹을 기반으로 구성되면 "웹 애플리케이션" 1 ] 컴퓨터 구성요소 컴퓨터 구성요소 각 요소의 상호작용 및 동작방법 (개괄적 이해) 1. 컴퓨터란? : 컴퓨터란, 입력 받은 데이터를 정해진 규칙대로 처리해서 처리 결과를 저장하고 출력하는 전자 장치이다. 정해진 규칙 프로그램을 의미한다. 처리한다 연산처리..

CS/잡다한 기초 2022.04.27

22/0426 회고 with 코드스테이츠 :) 컴퓨터 구성요소 및 작동방식, 웹-서버 동작방식, 개발도구 설치 및 튜토리얼

* 요약 빨간색 : 모르는 개념 코드 스테이츠 학습 내용 개인적 공부 학습 내용 컴퓨터 구성요소, 프로그래밍, 컴퓨터 내부동작방식, 컴파일, 빌드, 웹-클라이언트& 웹-서버 개발도구-환경설정 Spring java로 JPA 구현하기, 웹-서버의 동작방식의 이해 1 ] 코드스테이츠 교육관련 1. 학습 키워드 구성요소 프로그래밍 내부동작방식 컴파일 빌드 웹-클라이언트 웹-서버 개발도구-환경설정 2. 학습 목표 컴퓨터의 구성 요소를 설명할 수 있다. 프로그램을 실행하면 컴퓨터 내부에서 어떤 일이 일어나는지 이해할 수 있다. 프로그래밍과 관련된 개념들을 설명할 수 있다. 프로그램, 프로그래밍, 프로그래밍 언어, 컴파일, 빌드, 통합개발환경 웹 클라인어트와 웹 서버가 무엇인지 설명할 수 있다. 자신의 운영체제에 맞..

Spring :) Java만을 이용한 JDBC (데이터베이스 연결)

goal DB로 접근하는 UserDAO.class를 만들어보자 (jdbc) Spring을 사용하지 않고 순수 자바로 구현함 1 ] JAVA만 사용한 UserDAO.class 생성 (DAO) ** 들어가기전에 ** [ JDBC 흐름 ] JDBC 드라이버 로드 DB 연결 SQL문을 이용한 쿼리 작성 (Database에 데이터를 읽거나 쓰기) DB 연결 종료 1. 자바만 활용했을 때 JDBC흐름 이해하기 JDBC 프로그래밍 흐름 JAVA에서 수행하는 방법 1. JDBC 드라이버 로드 Class.forName("클래스에 있는 드라이버 경로") 2. Database 연결 Connection c = DriverManager.getConnection("연결문자열", "id", "pw") - 연결문자열 : "jdbc:..

Spring/Spring 2022.04.26

네트워크 :) 웹의 동작방식(HTTP, TCP/IP, DNS) 큰 그림, 패킷의 얕은 이해

goal 웹의 동작 방식 큰 그림을 이해한다. (얕은 개념) 패킷을 이해한다. (얕은 개념) 1 ] 웹의 동작 방식 서버의 범위 : Database도 데이터 제공자이기 때문에 Server라고 볼 수 있다. [1] 웹 통신과 관련된 개념 용어 설명 인터넷 연결 웹에서 데이터를 보내고 받을 수 있게 해준다. TCP / IP (Transmission Control Protocol / Internet Protocal) 데이터가 어떻게 웹을 건너 여행을 해야하는지 정의하는 통신 규약 - TCP : 전송제어규약 - IP : 인터넷규약 DNS 서버 (Domain Name System Servers) 서버의 주소를 찾는 것 - 호스트의 도메인 이름((예)www.naver))을 호스트 주소((예)12,345.678.12..

22/0425회고 with 코드스테이츠 :) OT

코드스테이츠 개강 첫날 👍👍 오늘은 코드스테이츠 개강 첫날이었다. 오늘 하루는 과정을 이수하기 위한 셋팅을 하는데 거의 모든 시간을 보냈다. 어려웠던 것은 없었다. 놓치는게 많았을 뿐.. 톡방에 계신분들께 감사하다...ㅎㅎ 별문제 없이 코드스테이츠에서 안내해주는 사항에 맞춰 모든 셋팅을 맞추었고 내일부터 제대로 된 수업이 시작된다. 셋팅 외에도 메타인지, 자기주도학습 방법 등의 교육 및 가이드 라인을 제시해주었고 그 가이드라인에 맞추어 나름대로 데일리 회고 등의 베이스를 만들었다. 나름대로 의미가 있었던 하루였고, 계획했던 일정들이 있긴한데.. 내일을 위해서 오늘은 잠시 멈추고 자려고한다. 오늘은 따로 공부한 내용이 적기 때문에 오늘의 느낌?정도로 회고를 마치고 내일부터 정성드려 작성할 것이다...😂 내..

Spring 이론 :) Spring Web Layer, DAO, DTO

goal DAO, DTO, 스프링 웹 계층에 대해서 이해한다. DTO 각 계층간의 데이터를 교환하기 위한 Java Object 데이터를 레이어 간에 전달하는 목적을 가지며 객체의 속성과, getter, setter만 가지고 있다. DAO(Data Access Object) DB에 접근하는 객체 즉, DB에 접근하여 DB의 데이터에 접근한다. (DB의 데이터에 접근하는 객체) 1 ] Spring Web Layer (스프링 웹 레이어) 계 층 설 명 Web Layer (Presentation Layer) - 브라우저상의 웹 클라이언트의 요청 및 응답을 처리한다. - Service Layer, Repository Layer의 Exception을 처리한다. @Controller 어노테이션을 사용하여 작성된 Co..

Spring 이론 :) Spring Container, Spring 핵심 프로그래밍 모델 3가지, Spring API가 제공하는 것과 특징

goal Spring Container, Spring 핵심 프로그래밍 모델 3가지, Spring API 1 ] Spring 1. Spring Container Spring Container 또는 Spring Context 라고 불린다. 스프링 런타임 엔진이다. 설정정보를 참고해서 애플리케이션을 구성하는 object를 생성 및 관리한다. 2. Spring 핵심 프로그래밍 모델 3가지 기 술 설 명 IoC / DI object의 생명주기와 의존관계에 대한 프로그래밍 모델이다. - IoC / DI는 객체지향 설계 원칙과 디자인 패턴의 핵심원리를 근간으로 함고 있다. - 스프링을 바르게 이해하고 효율적으로 사용하는데 기본이 되며 중요한 기술이다. 서비스 추상화 서비스 추상화 기술 덕분에 종속되지 않고 독립적인 ..

코드스테이츠 :) 1년간 걸어온 길, [대기 25번] 백엔드 1기 140명중 139번째로 추가합격한 SSUL, 다짐

" 안녕하세요. 코드스테이츠 백엔드 1기에, 140명중 139번째로 합격한 김은철입니다. " 😐 1년간 걸어온 길, 그리고 코드스테이츠 백엔드 1기 과정 합격 😁 🎓 이어드림 스쿨 1기 수료생, 그리고 실패 우연히 이어드림 스쿨 1기 모집 공고를 보게 되었고 '뭐라도 배우자'라는 생각과 함께 지원서를 작성하게 된다. 선발과정을 거쳐 덜컥 합격하게 되었고 꿈도 없이 막연히 교육에 참여하게 된다. 교육을 받으며 데이터 엔지니어로써의 꿈을 키우게 되는데 교육의 중간쯤 개인 역량의 한계로 수업을 따라가지 못하는 상황에 놓이게 된다. 어떻게든 따라가기 위해 노력(?)했지만 극복하지 못했고 꿈과 멀어지게 된다. 그리고 어영부영 수료를 하게 되었다. p.s) 이어드림 스쿨은 정말 학생들을 위한 학생들을 1순위로 생각..

java 이론 :) OOP가 무엇이며 왜 쓰는가?

goal 객체지향의 개념을 이해한다. 절차 지향과 객체지향 "절차 지향과 객체 지향" 용어 설 명 절차 지향 "무엇을 어떤 절차로 할 것인가?" - 기능중심으로 바라보는 개발 - 순서 처리 초점 객체 지향 "누가 어떤 일을 할 것인가?" - 객체가 중심이 되는 개발 - 역할에 따른 개발 1 ] OOP (객체지향 프로그래밍) 1. 개념 - 생략 2. 특징 특 징 설 명 추상화 객체들의 특징(기능, 속성)을 도출 객체지향적 관점에서는 클래스를 정의하는 것을 추상화라고 할 수 있다. 캡슐화 구현부를 외부에 숨겨 정보를 은닉하는 것 객체가 독립적으로 역할을 할 수 있도록 데이터와 기능을 하나로 묶어 관리 코드가 묶여있어서 오류가 없어 편하다 상속성 부모 클래스가 가진 특징을 자식 클래스가 그대로 물려받는 것 상..

Java/java 이론 2022.04.24

java :) Arrays의 다양한 메소드 정리하기

goal Arrarys의 다양한 메소드를 이해한다. "Arrays사용법" import java.util.Arrays 1 ] Arrays의 다양한 메소드 1. binarySearch() 메소드 [1] 개념 특정 객체의 위치를 이진 검색 알고리즘을 사용하여 검색한 후, 해당 위치를 반환한다. ※ 이진 검색 알고리즘 원리 : 배열의 임의 중앙값과 찾고자 하는 값의 대소를 비교하는 방식 특징 : 오름차순으로 정렬된 리스트에서 특정한 값이 위치를 찾는 알고리즘 시간 복잡도의 이점을 얻을 수 있다. 순환 탐색의 경우 O(n) 이진 탐색의 경우 O(log n) 단, 배열이 정렬(sort())이 된 상태일 때 사용해야한다. 정렬이 되지 않은 상태에서 사용하게 된다면 엉뚱한 값을 얻을 수 있다. [2] 예제 소스코드 및..

Java/java 2022.04.23

java :) StringBuffer

goal StringBuffer 클래스를 이해한다. String 클래스와 StringBuffer 클래스의 비교 [1] 우선, "immutable class? mutable class?" 명칭 설명 불변 클래스 (immutable class) 인스턴스가 한 번 생성되면 그 값을 변경할 수 없는 클래스 가변 클래스 (mutable class) 인스턴스의 값을 변경할 수 있는 클래스 ※ 인스턴스가 생성되면... 메모리에 할당이 된다. 따라서, 독립적인 메모리를 갖는다는 것을 기억한다. [2] 우선, "String 클래스와 StringBuffer" 클래스 mutable 여부 설 명 사용목적 String 클래스 x 인스턴스가 한 번 생성되면 그 값을 변경할 수 없다. 객체가 서로 영향을 주어서는 안 되는 경우 S..

Java/java 2022.04.23

java :) inner class란?

goal java 내부 클래스(inner class)에 대해서 이해한다. 1 ] 내부클래스 (inner class) class Outside { // ... class Inner { //... } } 1. 개념 내부클래스는 클래스 내에 선언된 클래스이다. 2. 사용목적 밖의 클래스와 내부 클래스가 긴밀한 관계에 있기 때문에 3. 장점 내부클래스에서, 외부 클래스의 멤버(필드)들을 쉽게 접근할 수 있다. 코드의 복잡성을 줄일 수 있다. 외부에서 불필요한 클래스를 은닉함으로써 코드의 복잡성을 줄일 수 있다. (캡슐화) 4. inner class의 종류 정적 클래스 (static class) 인스턴스 클래스 (instance class) 지역 클래스 (local class) 익명 클래스 (anonymous c..

Java/java 2022.04.22

Spring :) 페이징 처리 기초를 이해한다.

goal Spring Data JPA를 이용한 페이징 처리를 이해한다. 페이징처리와 정렬 -> "findAll()를 사용한다." findAll() 메소드는 JpaRepository 인터페이스의 상위인 PagingAndSortRepository의 메소드로, 파라미터로 전달되는 Pageable이라는 타입의 객체에 의해서 실행되는 쿼리를 결정하게된다. 이 글을 읽고 잘 이해가 되지 않아 곱씹고 곱씹고 또 곱씹어보았다. 지금 이해하고 있는 상단부의 개념은, 아래와 같다. Pageable Type으로 객체를 생성할 때 어떤 조건하(어느 페이지부터, 페이지당 몇 개의 개수로, 어떤 정렬을 통해 방법을 정해주는 로직, 즉 페이지 처리에 필요한 정보를 전달)에 출력해줄 것인지 결정한다 이후, Page 인터페이스 타입을..

Spring/Spring 2022.04.06

Spring + jpa 실습 :) Entity 생성 + JpaRepository 생성(및 개념) + CRUD 사용법 이해하기

goal Entity 생성 + JpaRepository 생성(및 개념) + CRUD 사용법 이해하기 참고자료 @NoArgsConstructor, @AllArgsConstructor의 의미와 사용방법, https://athena7.tistory.com/entry/Lombok-NoArgsConstructor-AllArgsConstructor-RequiredArgsConstructor 2. annotation의 설명, https://whitepro.tistory.com/265 3. "코드로 배우는 스프링 부트 웹 프로젝트", 남가람북스, 구멍가게 코딩단 지음 1 ] java파일을 이용한 Entity 생성 (Hibernate 이용) 우선, JPA란? Java Persistence API로, Java에서 ORM ..

Spring/Spring 2022.04.05