우가 :D

오늘은 CSS 애니메이션과 JS 애니메이션 차이점에 대해 알아보자! 목차 CSS 애니메이션 JS 애니메이션 CSS 애니메이션 vs JS 애니메이션 01. CSS 애니메이션 CSS만을 사용하여 HTML 문서 요소를 애니메이션을 화하는 방법으로 transition, animation 속성을 사용한다. 장점 단점 성능(브라우저 GPU 활용 -> 애니메이션 렌더링) 제한적인 기능(복잡한 상호작용, 로직 다루기어려움) 간편성(CSS만을 사용해 애니메이션 제작 가능, JS보다 쉽고 빠름) 복잡한 애니메이션(코드 구현 및 관리 어려움) 호환성(모든 현대 브라우저에서 지원) 02. JS 애니메이션 JS를 사용하여 HTML 문서 요소를 애니메이셔 화하는 방법으로, JS 애니메이션 라이브러리를 사용한다. 장점 단점 유연성..

오늘은 js 변수 선언 방식 var, let, const의 차이점에 대해 알아보자! 목차 var let const var vs let vs const 01. var란 무엇일까? var name = 'kim'; console.log(name); // kim name = 'park'; console.log(name); // park var name = 'lee'; console.log(name); // lee var는 원조 변수 선언 방식으로, 위와 같이 선언한 변수가 동일한 이름으로 중복 선언이 가능하다. 마지막에 할당된 값이 최종 변수에 저장되는 형식이다. 간단한 코드가 아닌 복잡한 코드에서 동일한 이름의 변수가 여러번 선언되어 사용되면 어떤 부분에서 값이 변경되는지, 문제가 발생되는지 알 수 없다. 그..

오늘은 데이터베이스 종류 중 하나인 MongoDB에 대해 알아보자! 목차 MongoDB 개념 MongoDB 특징 MongoDB vs MySQL MongoDB 사용 사례 01. MongoDB의 개념 MongoDB는 NoSQL 데이터베이스로, 관계형 데이터베이스와는 다른 유연한 모델을 제공한다. 문서: MongoDB의 기본 단위, JSON 형식으로 데이터를 표현 컬렉션: 문서의 그룹으로, 관련된 문서들을 함께 저장 동적 스키마: 사전에 정의하지 않고도 데이터 저장 가능 02. MongoDB만의 특징 유연한 데이터 모델: 다양한 유형의 데이터를 저장할 수 있어 데이터 구조를 쉽게 조정하고 확장할 수 있다. 확장성: 수평적으로 확장이 가능한 아키텍처를 가지고 있어 대규모 데이터 처리에 적합하다. 클리스터를 구성..

Spring에서 Bean은 어떻게 등록하는 걸까? 오늘은 Bean 등록 방법에 대해 알아보자! 목차 Bean 개념 Bean 사용 이유 Bean 등록 방법 01. Bean 개념 우선 Bean에 대해 간단히 알아보자 Bean이란 무엇일까? Bean은 스프링 프레임워크에서 Spring IOC 컨테이너에 의해 관리되는 객체를 말한다. 일반적으로 애플리케이션에서 사용되는 자바 객체를 가리키고, 스프링 컨테이너에 등록되어 생명 주기 관리 및 필요한 곳에서 주입되어 사용된다. 02. Bean 사용 이유 그렇다면 이 Bean은 왜 사용하는 것일까? 의존성 관리: 개발자가 객체 간의 의존성을 명시적으로 관리하지 않고 객체를 주입받아 사용할 수 있다. 생명주기 관리: 빈의 생성, 초기화, 소멸 등의 과정을 개발자가 관리하..

DB에 나오는 JOIN이란 무엇일까? 오늘은 JOIN에 대해 알아보자! 목차 JOIN 개념 JOIN 유형 JOIN 조건 JOIN 활용 01. JOIN의 개념 JOIN은 두 개 이상의 테이블에서 데이터를 결합하여 하나의 결과 집합을 생성하는 SQL 구문이다. 테이블 관의 관계를 기반으로 데이터를 결합해, 주로 외래 키를 사용하여 연결한다. 02. JOIN의 유형 INSERT JOIN: 두 테이블에서 일치하는 행만을 반환한다. (교집합 생성) LEFT JOIN: 왼쪽 테이블의 모든 행을 반환하고, 오른쪽 테이블과 일치하는 행이 없는 경우 NULL 값을 반환한다. RIGHT JOIN: LEFT JOIN의 반대로, 오른쪽 테이블의 모든 행을 반환한다. FULL OUTER JOIN: 두 테이블에서 일치하는 모든 ..

HTML을 사용하셨던 분들이라면 한 번쯤은 보셨을 겁니다. DOCTYPE 이게 무엇인지 관심을 가져보신 분 계신가요? 오늘은 DOCTYPE에 대해 간단하게 알아보려고 합니다. 목차 1. 정의 2. 선언 방법 3. 중요성 01. DOCTYPE란? Document Type Declaration의 약어로 문서 형식 선언이라는 뜻을 가지고 있습니다. 쉽게 설정하자면 내가 만드는/사용하는 이 문서가 어떤 종류인지에 대해 페이지 맨 위에 선언하여 브라우저에게 알려주는 것이죠! 위에 보이는 사진의 경우 DOCTYPE를 HTML로 선언해주었습니다. HTML을 제외하고도 XHTML 등으로 선언할 수 있습니다. 02. DOCTYPE 선언 방법 DOCTYPE 선언 방법은 간단합니다! 문서의 최상단에 선언을 추가하면 적절한 ..

https://school.programmers.co.kr/learn/courses/30/lessons/120839?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr ■ 문제 설명 가위는 2 바위는 0 보는 5로 표현합니다. 가위 바위 보를 내는 순서대로 나타낸 문자열 rsp가 매개변수로 주어질 때, rsp에 저장된 가위 바위 보를 모두 이기는 경우를 순서대로 나타낸 문자열을 return하도록 solution 함수를 완성해보세요. ■ 제한사항 0

https://school.programmers.co.kr/learn/courses/30/lessons/181873?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr ■ 문제 설명 영소문자로 이루어진 문자열 my_string과 영소문자 1글자로 이루어진 문자열 alp가 매개변수로 주어질 때, my_string에서 alp에 해당하는 모든 글자를 대문자로 바꾼 문자열을 return 하는 solution 함수를 작성해 주세요. ■ 제한사항 1 ≤ my_string의 길이 ≤ 1,000 ■ 입출력 예 my_string alp re..

4주차 내용 Chapter 05 : 함수 함수의 기본 형태 함수 고급 Chapter 05 : 함수 1. 함수의 기본 형태 개념 익명 함수 : 이름이 없는 함수 ex) function () {} 선언적 함수 : 이름이 있는 함수 ex) function 함수 이름 () {} 매개변수 : 함수의 괄호 안에 넣는 변수, 함수의 외부 정보를 입력받을 수 있음 리턴값 : 함수의 최종적인 결과, 함수 내부에 return 키워드를 입력하고 뒤에 값을 넣어 생성함 가변 매개변수 함수 : 매개변수의 개수가 고정되어 있지 않은 함수, 나머지 매개 변수를 활용해서 만듬 전개 연산자 : 배열을 함수의 매개변수로써 전개하고 싶을 때 사용 기본 매개변수 : 매개변수에 기본값이 들어가게 하고 싶을 때 사용하는 매개변수 2. 함수 고..

3주차 내용 Chapter 04 : 반복문 배열 반복문 Chapter 04 : 반복문 1. 배열 개념 배열 : 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형 요소 : 배열 내부에 있는 값 비파괴적 처리 : 처리 후에 원본 내용이 변경되지 않는 처리 파괴적 처리 : 처리 후에 원본 내용이 변경되는 처리 2. 반복문 개념 for in 반복문 : 배열의 인덱스를 기반으로 반복할 때 사용 for of 반복문 : 배열의 값을 기반으로 반복할 때 사용 for 반복문 : 횟수를 기반으로 반복할 때 사용 while 반복문 : 조건을 기반으로 반복할 때 사용 break : switch 조건문 / 반복문을 벗어날 때 사용 continue : 반복문 안의 반복 작업을 멈추고 반복문의 처음으로 돌아가 다음 반복 작업..