전체 글
-
valueJavaScript/자바스크립트 기본 2023. 11. 16. 21:57
값(value)이란 무엇인가 값(value) = 표현식(expression)이 평가되어(evaluate) 생성된 결과이다. //10+20이 평가되어 값 30을 생성한다. 10+20 = 30 //변수에는 10+20이 평가되어 생성된 숫자 값 30이 할당된다. var sum = 10 + 20; 리터럴(literal) 이러한 표현식이 평가되어 생성되는 값(value)은 다양한 방법으로 생성할 수 있다. 가장 기본적인 방법은 리터럴(literal)을 사용하는 방법이다. *literal의 사전적 의미 : 문자 그대로의 리터럴 예시 정수 리터럴 100 문자열 리터럴 'hello' ,"hello" , `hello` 불리언 리터럴 true,false 객체 리터럴 {name:'kim'} .... .... 이렇게 리터럴은..
-
변수var,let,constJavaScript/자바스크립트 기본 2023. 11. 15. 21:08
1.메모리 1+2 컴퓨터는 위와 같은 연산이 있을 때 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리 셀(memory cell)의 집합체이다. 각 셀은 메모리 주소를 갖는다. 이 메모리 주소는 메모리 공간의 위치를 나타낸다. 이 메모리 공간에는 2진수로 처리된 모든 데이터들(이미지,텍스트,동영상 등)이 저장된다. 예제 코드 1과 2는 메모리 상 임의의 주소에 저장되고 CPU는 이것을 읽어 연산을 수행한다. 또한 연산을 통해 생성된 값 3도 메모리 상의 임의의 위치에 저장된다. 하지만 연산 결과인 숫자 3은 현재 재사용할 수 없다.이 연산된 결과를 재사용 하고 싶다면 메모리 공간에 직접 접근하는 방법 외에는 없다. 하지만 이러한 방법은 치명적 오류를 ..
-
[Recoil]리코일 사용하기React 2023. 11. 7. 21:45
리액트의 상태관리 리액트는 단방향 데이터흐름을 갖는다.부모에서 자식으로만 데이터를 props로 전달할 수 있고 자식이 갖는 데이터는 부모에게 전달할 수 없다. 그래서 공유할 상태를 부모 컴포넌트에서 선언하고 상태 변경 함수인 setState를 자식 컴포넌트에게 props로 전달하여 수정을 할 수 있도록 상태 끌어올리기를 수행하거나, 추가 라이브러리를 사용하여 상태관리를 한다. 가장 대표적인 라이브러리로 Redux가 있다. 하지만 상태 하나를 관리하기 위한 boilerplate코드가 많이 사용된다. 그래서 이번에는 배우기 쉽고 간단한 Recoil에 대해서 상태관리를 해본다. 리코일 페이스북에서 만든 리액트 상태관리 라이브러리 리액트 문법에 최적화되어있다. 다른 상태관리 라이브러리에 비해 쉽게 배울 수 있다..
-
[무한스크롤]IntersectionObserverReact 2023. 11. 2. 17:25
무한 스크롤 구현을 위해서 자주 사용되는 IntersectionObserver에 대해서 기본적인 내용 정리 1.옵저버 객체 생성 [new IntersectionObserver] const io = new IntersectionObserver(observerCallback[,options]) 2.수행할 동작[observerCallback] 대상을 감지하면 실행하는 함수로 entries와 observer를 받는다. entries IntersectionObserverEntry 인스턴스를 담은 배열 객체로 가시성과 관련된 속성을 포함한다. observer observerCallback가 호출되는 InterSectionObserver를 가리킨다. const observerCallback = (entries, ob..
-
[DML]SELECT-서브쿼리SQLD/SQL 2023. 9. 7. 18:01
서브쿼리 서브쿼리란? 하나의 쿼리 안에 존재하는 또 다른 쿼리이다. SELECT,FROM,WHERE,HAVING,ORDER BY,UPDATE문의 SET절 에서 사용될 수 있다. 서브쿼리 사용시 주의 사항 서브쿼리는 괄호()로 감싸서 사용해야한다. 서브쿼리는 ORDER BY절을 사용할 수 없다. 메인쿼리절에서만 사용 가능하다. 서브쿼리의 종류 사용되는 위치에 따라 다음과 같이 나눌 수 있다. SELECT 절 스칼라 서브쿼리(Scalar Subquery) FROM 절 인라인 뷰(Inline View) WHERE 절 중첩 서브쿼리(Nested Subquery) 1.스칼라 서브쿼리 SELECT절에서 사용하는 스칼라 서브쿼리는 한 행, 한 컬럼만을 반환한다. 컬럼을 쓸 수 있는 대부분의 곳에서 사용할 수 있다. ..
-
3.속성의 식별자와 관계SQLD/모델링 2023. 9. 7. 14:41
1.식별자 식별자란? 모든 엔터티는 2개 이상의 인스턴스를 가지고 있고, 인스턴스는 속성으로 자신의 특성을 나타낸다. 식별자는 이런 속성 중에 각각의 인스턴스를 구분 가능하게 만들어주는 대표 격인 속성을 말한다. 식별자의 분류 분류 식별자 대표성 여부 주식별자 보조식별자 스스로 생성된 여부 내부식별자 외부식별자 속성 수에 따른 여부 단일식별자 복합식별자 대체 여부 본질식별자 인조식별자 1.대표성 여부 분류 설명 주식별자 (Primary Identifier) 유일성,최소성,불변성,존재성을 가진 대표 식별자 기본키인 PK에 해당하는 속성이다. 하나의 속성이 주식별자가 될 수 있고, 여러 개의 속성이 주식별자가 될 수도 있다. 예-사원 번호,고객 번호 등 ⚠️주식별자의 특징 유일성 : 인스턴스에 유니크함 최소..
-
2.엔터티와 속성(도메인,속성의 분류)SQLD/모델링 2023. 9. 6. 19:55
엔터티 엔터티란? 독립체,식별가능한 객체를 의미한다. 테이블은 엔터티라고 할 수 있다. 엔터티의 특징 업무에 쓰이는 정보여야 한다. 유니크함을 보장할 수 있는 식별자가 있어야 한다. 2개 이상의 인스턴스를 갖고 있어야 한다. 다른 엔터티와 1개 이상의 관계를 갖고 있어야 한다. 엔터티 이름 작성 원칙 업무에서 실제 쓰이는 이름이여야 한다. 한글은 약어를 사용하지 않고, 영문은 대문자로 표기한다. 단수 명사로 표현하고 띄어쓰기는 사용하지 않는다. 엔터티가 무엇을 갖고있는지 명확히 표시한다. 엔터티의 분류 엔터티는 형태 또는 발생 시점에 따라 분류 된다. 1.형태에 따른 분류 (유형,무형) 분류 설명 유형 엔터티 물리적 형태로 존재하며 안정적이고 지속적이다. 상품,회원 등 개념 엔터티 물리적인 형태가 없는 ..
-
1.모델링 기본,스키마,ERDSQLD/모델링 2023. 9. 6. 18:48
1.모델링 기본 데이터 모델링이란? 데이터 모델링은 데이터베이스를 설계하고 구축할때 사용되는 개념,절차이다. 데이터 모델링은 현실 세계의 데이터를 정해진 표기법으로 추상화하여 표현한 것이다. 데이터 모델링을 통해 DB구조를 정의하고 이해하기 쉽게 만드는데 도움을 준다. 구축만을 위한게 아닌 업무를 분석하고 설명하는 부분에서도 중요한 의미를 갖는다. 모델링의 특징 단순화 - 복잡한 현실을 제한된 언어나 표기법을 통해 이해하기 쉽게 단순화한다. 추상화 - 현실세계를 일정한 형식에 맞추어 표현한다. 명확화 - 애매모호함을 배제하고 누구나 이해 가능하도록 정확하게 현상을 기술한다. 모델링의 유의사항 1.중복(Duplication) 같은 데이터가 여러 엔터티에 중복으로 저장되는 현상을 지양해야 한다. 2.비유연성..