👾 STUDY

안녕하세요. 9월부로 퇴사해 홈프로텍터가 된 뉴비 Nimgnos입니다.🍀저는 비전공자이고 퇴사 전 8월부터 개발 공부에 관심이 생겨생활코딩 강의를 조금씩(진짜 쪼금;) 듣고 있는 쌩뉴비입니다.그동안 원시인처럼 저만 노트에 수기로 기록하고 있었지 뭐에요? 우가가ㅋ

안녕하세요. 8월에 공부하면서 노트에 필기한 걸 이제서야 벨로그 파서 옮겨적고 있는 뒷북 레전드 Nimgnos입니다. 🤓아직은 아무것도 모르는 무지랭이 상태지만(다른 분들 포스팅 이해도 안감...^^)열심히 해서 레벨업을 해보겠습니다. 아좌좌~!

HTML이 정보에 전념하게 하기 위해 HTML에서 디자인 기능을 빼온 것HTM과 비교했을 때 CSS를 통한 웹디자인이 훨씬 효율적<style></style> : CSS의 문법으로 적용함 / 태그ex: a{color:red;} ➡️ 모든 a태그의 글자를 빨간색

/\* \*/ : CSS에서의 주석padding:0px : 컨텐츠와 테두리간 간격 차이 설정margine:0px : 테두리와 테두리 사이 값block level element : 화면 전체를 쓰는 것inline element : 자기 크기만 갖는 것⭐️개발자도구 활용하

다양한 분야에서 활발히 사용되며 실무에서 가장 많이 사용되는 프로그래밍 언어20년동안 프로그래밍 언어 1, 2위모던 프로그래밍 언어(객체지향+함수형)배우기 쉬운 객체지향 언어(프로그래밍 언어+객체지향 개념)자동 메모리 관리 ➡️ 가비지 컬렉터(GC) 알아서 정리해 줌,

📌 HTML 기능 이용하기(1) input type="" : 입력 항목, type에 따라 형태가 바뀜 input type="text" : 텍스트 입력, 한 줄 input type="date: : 캘린더와 함께 날짜 표시 input type="color" : 컬러파레트

1. 2. 3. 4. 5. 문제1. 결과 문제2. 오답 정답 결과 6. 문제 내 풀

📌 조건문(If) > - if(조건식){실행할 문장} : 괄호 안의 조건이 참(true)인 경우 문장이 실행된다.(단일 if문) 문장은 하나의 실행문이 될 수도 있고, 여러 개의 실행문이 될 수도 있다. if(조건식){문장1}else{문장2} : 조건에 따라 실행되어

📌 반복문(while, for) 특정 코드를 반복적으로 실행할 때 사용한다. 특히 데이터 처리에서 자주 사용됨. 반복문을 사용하면 불필요한 중복 코드를 줄이고 코드의 길이를 간결하게 만들 수 있다. 📌 while 문제1 System.out.print(“*”);

배열(Array) : 동일한 자료형의 변수를 여러개 저장하는 공간정수를 저장할 수 있는 배열 선언 ➡️ n개의 공간을 가진 배열 생성(\*배열 안에는 기본적으로 0값이 초기화되어 있음 / 배열 자체를 출력하면 이상한 값이 출력됨 / 배열은 각 요소를 출력해야 함)int

📌 난수, 랜덤숫자(Math.random) / 예제 풀기 난수: 정의된 범위 내에서 무작위로 추출된 수. 난수는 누구라도 그 다음에 나올 값을 확신할 수 없어야 함. Java에서 난수 구하는 방법: ① Math.random(): Math 클래스의 random()

💻 Java Data Type - 자바의 자료형 > #### 📌 1. 기본 자료형(8개) *boolean (데이터: 참과 거짓 | 크기: 1바이트 | 표현 가능 범위 : true, false ) char(데이터: 문자 | 크기: 2바이트 | 표현 가능 범위 :

SWITCH > -

💻 Java 기초 복습 📌Java > - //ctrl + / : 주석 단축키 //ctrl + shift + / : 여러줄 주석 단축키 //모든 자바 코드는 반드시 클래스 안에 작성. //모든 자바 코드는 반드시 main 메소드 안에 작성. //main 메소드 안의

📌 Array(배열) > - Array(배열) : 다수의 같은 자료형 데이터를 여러개 저장할 수 있는 공간 배열은 하나의 자료형 1. 정수를 여러개 저장할 수 있는 배열 arr1 선언 선언된 배열을 생성 배열 생성 시 몇 개의 데이터를

Method(메소드) > - ㅇㅇ메소드(methof) (=함수(function)) : 기능상자 ㅇㅇ//메소드 : 기능상자 //1. 메소드 정의 : 특정한 기능을 하는 상자를 만듦. // : 메소드는 클래스 안, 다른 메소드 밖에서 생성 //2. 메

💻 클래스(Class) > 클래스와 객체(인스턴스) 클래스: 설계도 클래스를 통해 실체를 만듦-> 객체 클래스의 구성요소 데이터(변수)와 기능(메소드) 생성자: 객체 생성 시 변수에 대한 초길값을 할당 객체 생성문법: 클래스명 객체명 = new 생성자();

💻 상속(Inheritance) > - 부모 클래스(슈퍼, 상위 클래스)_와 자식 클래스(서브, 하위 클래스)가 있으며, _자식 클래스는 부모 클래스를 선택해서, 부모 클래스위 변수와 메소드를 상속받아 쓸 수 있음. 자바에서 다중 상속은 문법적으로 불가함.(단계적인

💻 클래스(Class) > #### 클래스 : 객체를 만들기 위한 설계도 프로그래밍 언어에 따른 분류 1) 절차지향 방식(작성한 코드의 첫 줄~마지막 줄) 2) 객체지향 방식 클래스의 구성요소 : 변수, 메소드의 정의(기능), 생성자 클래스는 사용자 정의 자료형 변수

💻 상속(Inheritance) 관련없는 클래스들에게 하나의 공통된 성격을 부여하여 관련없던 다수의 클래스를 한 번에 관리할 수 있는 기능 기존 클래스를 재활용해서 구현해야하는 코드의 양을 줄일 수 있음 상속의 오버라이딩 + 다형성 📌 오버라이딩(Overridi

💻 set / map > ### 📌 set 데이터에 순번이 없음 반복문 못씀(=순번데이터가 없으니까..) for문 사용 불가 / for-each문 사용 가능 set에 들어가는 데이터는 관리가 매우 어려우므로 잘 사용하지 않음(리스트에 있는 데이터 중 중복을 제거할

💻 데이터베이스(Oracle, MySQL, MsSQL, mariaDB...) 많은 데이터를 모아 놓은 것 무결성 제약조건을 통한 데이터의 신뢰도 보존 SQL(Structed Query Language: 데이터를 조작하기 위한 명령어 쿼리 작성한다. 매출

이동하고자 하는 html로 갈 때 쿼리 기능이 필요한지 판단! 무조건 쿼리작성 mapper.xml 작성한 쿼리를 실행시킬 메소드를 인터페이스에서 정의 인터페이스를 구현한 클래스에서 메소드를 구현 controller의 메소드에서 쿼리 실행을 위해 만든 메소드를 호출 "

서브쿼리 / 쇼핑몰 게시판(파일 첨부 기능)쇼핑몰 홈페이지에서 상품과 첨부파일 등록 기능 실행하고자 함.게시글 등록 + 파일 첨부 시 첨부하는 파일의 확장자명을 불러오기 위해 확장자 추출 ➡️ ".(확장자)" 문자열을 추출할 수 있는 기능은?public String s

서브쿼리 / 쇼핑몰 게시판(파일 첨부 기능)쇼핑몰 홈페이지에서 상품과 첨부파일 등록 기능 실행하고자 함.: MultipartFile 인터페이스로 멀티파트 파일을 편리하게 지원웹 클라이언트가 요청을 보낼 때, HTTP 프로토콜의 바디 부분에 데이터를 여러 부분으로 나눠서

서브쿼리 > - 하나의 쿼리 안에 또 다른 쿼리가 존재 두 개 이상의 테이블에서 데이터를 조회할 때 사용 예제) 김사랑 사원과 같은 부서에 근무하는 사원들의 사번, 이름, 부서번호 조회 서브쿼리 미사용 시 풀이) > 1. 김사랑 사원의 부서를 먼저 찾기 > 김사랑

1:1 관계 상품테이블 1:1 카테고리 테이블 association -> 상품은 카테고리 1개를 반드시 가지고 있음(1:1 관계) 1:N 관계 상품테이블 1 : N 상품이미지테이블 collection (-> 카테고리는 상품을 여러개 가지고 있음) => mybat

💻 spring 데이터 넘기는 방법 > #### 💭동기 html -> controller *from, a(태그) controller -> html *RequestParm, model.addatribute( ) 💭비동기(fatch) javascript ->

💻 인터페이스(Interface) 인터페이스란? 구현하는(상속받는) 클래스의 "기본 설계도"의 역할 기능을 사용하는 방법을 명시 자바의 다형성을 극대화하여 개발코드 수정을 줄이고 프로그램 유지 보수성을 높이기 위해 인터페이스를 사용한다. ➡️ 수정, 보완 효율적, 유지 보수 용이 ➡️ 다형성(Polymorphism) : 여러가지 형태를 가질 수 있...

💻 SPA(Single Page Apllication) 프론트엔드 📌 React : 프론트엔드 프레임워크 > 사용자 인터페이스(UI) 개발에 초점을 맞춘 프론트엔드 라이브러리 복잡하고 동적인 웹 페이지 개발 시 사용이 용이하여, 실시간 대시보드, 소셜 미디어 애플리케이션, 전자상거래 플랫폼 개발에 많이 사용되는 프론트엔드 개발도구 Facebook(현재 ...

📊 EMP TABLE(사원)의 데이터 📊 DEPT TABLE(부서)의 데이터 EMP, DEPT 테이블의 데이터를 활용 DB 시험 대비 예제 풀이 ㅤ ㅤ 📌 CREATE - 테이블 생성 CREATE TABLE 테이블명(컬럼 및 조건) 테이블 생성 시 PRIMARY KEY(PK값)를 설정함. 테이블 제약 조건(Constraint) PRIMA...

📊 EMP TABLE(사원)의 데이터 📊 DEPT TABLE(부서)의 데이터 EMP, DEPT 테이블의 데이터를 활용 DB 시험 대비 예제 풀이 ㅤ ㅤ 📌 CASE문 - 조건에 따른 값 반환 **CASE 컬럼 WHEN 조건1 THEN 값1 WHEN 조건2 THEN 값2 ELSE 값3 END ** 컬럼이 조건1 일때는 값1을, 조건2 일때는 ...

EMP, DEPT 테이블의 데이터를 활용DB 시험 문제 풀이회원정보를 관리하는 테이블을 생성하려고 한다. 이 테이블에서 관리하는 정보로는 회원번호, 아이디, 비밀번호, 회원이름, 나이, 이메일 주소가 있다. 해당 테이블명을 MY_MEMBER라고 했을 때, 테이블 생성

- EMP, DEPT 테이블을 활용한 DB 예제 풀이 EMP TABLE(사원)의 데이터 DEPT TABLE(부서)의 데이터 ㅤ 💻 함수(Function) 1. 내장 함수(Buit-in Function) 단일행 함수(Single-Row Function) 문자형 함수, 숫자형 함수, 날짜형 함수, 변환형 함수, NULL 관련 함수 다중행 함수(Mu...

💻 Spring Security > 1. 시큐리티를 사용 할 수 있는 디펜선스 추가 모든 페이지를 방문하기 위해선 반드시 인증이 필요! 프로젝트 성향에 맞춰 인증, 인가에 대한 설정을 우리가 코드로 구현 로그인 기능을 구현 로그인은 우리가 구현하는 게 아니라 시

📌 오버라이딩 > - 부모 클래스에서 정의된 메소드를 자식 클래스에서 재정의하는 것 ㅤ > ### 📌 객체 생성 어노테이션 @Component @Controller @Service( ) @Configuration @Repository(JPA) ㅤ >### 📌 선언된 객체를 가져와 의존성을 주입하는 어노테이션 @Resource( ) @Autowi...

💻 Lambda(람다) > - 람다 함수는 함수형 프로그래밍에서 중요한 개념 중 하나로, 익명 함수(anonymous function)라고도 함. 이름이 없는 함수로, 일반적으로 함수를 한 번만 사용하거나 함수를 인자로 전달해야 하는 경우에 유용하게 사용됨. ㅤ

람다 함수는 함수형 프로그래밍에서 중요한 개념 중 하나로, 익명 함수(anonymous function)라고도 함.이름이 없는 함수로, 일반적으로 함수를 한 번만 사용하거나 함수를 인자로 전달해야 하는 경우에 유용하게 사용됨.ㅤ두 정수를 매개변수로 받아 합이 10보다

💻 React는 SPA(Single Page Apllication) > - 단일 페이지 애플리케이션 서버에서 필요한 데이터만 비동기로 받아와서 동적으로 현재 화면에 다시 렌더링 하는 방식 다수의 페이지를 표시하는 데 있어서 과거 전통적인 방식으로 페이지 전환을 수행하

예제 🤓 현재 카운트 값에 버튼(1 / 10 / 100 / -100 / -10 / -1)을 사용하여, 버튼을 누를 때마다 해당 값을 카운트 input.js App.js >- 스프레드 연산자 ...arr : arr 배열의 모든 요소를 낱개로 분리해 줌 counter1.js counter2.js App.css 버튼을 클릭 할 때 해당 값대로...