본문 바로가기

전체 글159

char varchar varchar2 차이 char 고정된 문자열 저장하는데 사용 (고정된 길이 가짐) 테이블 만들 때 무조건 고정된 길이 지정해줘야하고 범위는 1~2000 bytes 고정된 길이보다 작은 길이 문자 넣어도 남은 부분 공백으로 채움 만약 더 큰 길이 입력하게 되면 db는 에러를 반환함 varchar, varchar2 가변 길이로 문자열을 저장할 수 있는 데이터 타입 varchar2로 만들면 1 ~ 4000byte 길이 지정해줄 수 있음 char와의 차이점이라면 우리가 선언한 문자열보다 더 짧은 문자열 넣으면 char는 공백으로 매꾸지만 varchar와 varchar2는 그렇지 않음 varchar2를 사용하면 메모리상 이점을 얻게 됨 varchar, varchar2 차이점 실제로 오라클 공식 문서에는 두 타입이 synoymous, .. 2024. 3. 30.
스프링 컨테이너와 Bean Bean 스프링 컨테이너에 의해 관리되는 재사용 가능한 소프트웨어 컴포넌트입니다. 스프링 컨테이너가 관리하는 자바 객체를 뜻하고 하나 이상의 빈을 관리합니다. 스프링 컨테이너는 BeanFactory 와 ApplicationContext 두 종류의 인터페이스로 구성되어 있습니다. BeanFactory는 스프링 컨테이너의 최상위 인터페이스입니다. 주로 빈을 등록, 생성, 조회 등의 빈을 관리하는 역할을하며, getBean()메서드를 통해 빈을 인스턴스화할 수 있습니다. @Bean 어노테이션이 붙은 메서드의 이름을 스프링 빈의 이름으로 사용하여 빈을 등록합니다. ApplicationContext 는 BeanFactory의 기능을 상속받아 제공합니다. 따라서, 빈을 관리하고 검색하는 기능을 BeanFactory.. 2024. 3. 15.
객체지향 프로그래밍 객체지향 프로그래밍 (Object Oriented Programming) 로직(변수, 메서드)을 상태(state)와 행위(behave)로 이루어진 객체로 만드는 것. => 로직을 서로 연관되어있는 기능별로 그룹핑하는 기능을 프로그래밍 차원에서 제공하게 되는 것 => 그룹핑된 하나하나의 단위들을 객체라고 한다. 이후 다른 곳에서도 재활용 가능. 은닉화, 캡슐화 내부 동작 방법을 단단한 케이스(객체) 안으로 숨기고 사용자에게는 부품의 사용방법(메서드)만을 노출. ex) 모니터가 어떻게 동작하는지 몰라도 컴퓨터와 모니터를 연결하는 방법만 알면 화면을 표시할 수 있는 것 => 객체가 어떻게 생겼느지 몰라도 객체를 사용할 수 있도록 하겠다. 인터페이스 잘 만들어진 부품이라면 부품과 부품을 서로 교환할 수 있어야 .. 2024. 3. 5.
TypeScript React에서 useRef의 3가지 정의 ✅ UseRef? useRef는 React Hook의 일종으로, 인자로 넘어온 초깃값을 useRef 객체의 .current 프로퍼티에 저장합니다. DOM 객체를 직접 가리켜서 내부 값을 변경하거나 focus() 메소드를 사용하거나 하는 때에 주로 사용하고, 변경되어도 컴포넌트가 리렌더링되지 않도록 하기 위한 값들을 저장하기 위해서도 사용됩니다. (이는 useRef가 내용이 변경되어도 이를 알려주지 않기 때문입니다. .current 프로피터를 변경시키는 것은 리렌더링을 발생시키지 않고, 따라서 로컬 변수 용도로 사용할 수 있습니다.) 📦 본질적으로 useRef는 .current 프로퍼티에 변경 가능한 값을 담고 있는 “상자”와 같습니다. 위의 말은 useRef의 반환 타입인 MutableRefObject와.. 2024. 1. 24.
IntersectionObserver 개념 포트폴리오를 만들면서 여러 포트폴리오를 찾아볼 기회가 있었습니다. 굉장히 멋있는 작품들이 많았습니다. 그중에서도 스크롤을 내리면서 애니메이션들이 동작하는 포트폴리오들이 있었는데 이것들이 정적일 수 있는 웹사이트를 지루하지 않게 만들었습니다. 또한 보기에도 상당히 멋있더군요.. 처음엔 framer motion이라는 라이브러리를 사용할 계획이었지만 Intersection Observer => 요 녀석을 추후에 사용할 계획이 많을 것 같기도 하고 정확한 개념을 배우고 싶은 생각이 들어 이번 프로젝트 계기로 훑어볼 계획입니다. Intersection Observer mdn에서 설명되어있는 글은 다음과 같습니다. 교차점 관찰자 API의 IntersectionObserver 인터페이스는 대상 요소와 상위 요소 또는.. 2024. 1. 24.
728x90