잠온다

1. 수식 위 영역을 수식표시줄이라고 하는데 수식표시줄에서 여러 수식을 활용할 수 있다. '=' 으로 값을 시작하면 수식을 적용할 수 있다. 일반 문자를 입력할 때에는 "[문자]"로 입력해야 하며 각 항목을 &로 이어준다. 위 사진으로 설명하자면 CREATE TABLE이란 키워드는 " "로 감싸주며 실제 테이블명이 기입된 셀(C2)은 &를 통해 연결해준다. 2. TEXTJOIN 위와 같은 테이블이 있을 때 해당 테이블의 값을 활용해 INSERT 쿼리문을 만드려고 한다. INSERT문은 "INSERT INTO [TABLE] ([COLUMNS]) VALUES ([VALUES])" 와 같은 구조인데, COLUMNS와 VALUES에 D3~D13과 H3~H13 값을 ","로 구분지어 넣어주려 한다. 이렇게 여러 ..

1. 알고리즘 알고리즘이란 어떤 문제를 해결하기 위한 정해진 일련의 절차를 말한다. 그렇다면 효율적인 알고리즘은 효율적인 절차와도 같다. 알고리즘이 효율적이기 위해선 문제를 빠르게 해결하거나 프로세스, 저장 공간을 적게 사용해야 한다. 이때 알고리즘이 얼마나 문제를 빠르게 해결하는지를 나타내는 값이 시간복잡도다. 2. 시간 복잡도 시간 복잡도란 입력값과 연산 수행 시간의 상관관계를 나타내는 척도로 시간 복잡도 수치가 낮을수록 효율적인 알고리즘이다. 다시 말하면 입력값이 커짐에 따라 증가하는 시간의 비율을 최소화한 알고리즘이 시간 복잡도가 낮은 효율적인 알고리즘이다. 시간 복잡도의 종류는 세 가지가 있는데, 최악의 경우를 고려한 빅 오 표기법(big-O), 최선의 경우를 고려한 빅 오메가 표기법(big-Ω..

1. this javascript에서 this는 한마디로 함수를 호출한 객체다. 즉 선언한 시점에서 this가 결정되는 것이 아니라 호출한 시점에서 this가 결정된다. 개발자 도구에서 this를 콘솔에 출력하면 window 객체가 출력된다. window에서 this를 콘솔로 출력했기 때문에 window가 함수를 호출한 객체가 된다. 이렇게 obj라는 객체의 item이 this를 가지고 있고 함수를 호출할 때 그 item을 인자로 받더라도 this를 호출한 객체는 window이기에 console 또한 window가 출력된다. 반대로 이 경우는 window 객체에선 obj 객체의 main이란 함수를 호출한 것이고 결국 console.log 함수의 호출은 obj 객체의 main 함수, 즉 obj가 함수를 호..

오늘 업무 중 서버 캐시 설정으로 인해 시퀀스가 자꾸 튀어서 일련번호가 이상하게 표시되었다. 가령 A 서버에서 캐시를 100으로 잡고 데이터를 INSERT 하다가 (SR-001, SR-002...) A 서버를 내리고 B 서버를 올린 뒤 INSERT를 하면 SR-002 다음 SR-101부터 시작하는 상황이었다. 이를 해결하기 위해 사용자가 볼 수 있는 일련번호는 시퀀스 대신 MAX에 1씩 증가하는 칼럼을 하나 새로 만들기로 하였다. 문제는 기존 데이터는 새로운 칼럼의 값이 null 이기에 넘버링을 해주어야 했고 이를 위해 ROWNUM을 사용하려 했다. > SELECT ROWNUM, SEQ, REG_DT FROM TB_SR ORDER BY REG_DT ROWNUM SEQ REG_DT 2 SR-102 01/0..

1. DOM DOM이란 Document Object Model의 약어로 넓은 의미로는 웹 브라우저가 HTML 페이지(Document Object = 문서 객체)를 인식하는 방식(Model), 좁은 의미로는 document 객체와 관련된 객체의 집합을 의미한다. DOM은 tree형식의 자료구조로 이루어져 있는데 tree 위쪽의 node를 parent node, 아랫쪽 node를 child node라고 한다. 가장 위에서 시작되는 node는 root node, 자식이 없는 가장 아래 node는 leaf node라고 한다. 2. node vs element node란 tree 구조에서 root node를 포함한 모든 개체를 node라고 표현한다. element는 html 문서에서 , 와 같은 태그를 사용해서 ..

1. 숫자형 이넘 숫자형 이넘을 선언할 때 초기 값을 주면 초기 값부터 차례로 1씩 증가한다. 초기 값을 주지 않는다면 0부터 차례로 1씩 증가한다. 2. 문자형 이넘 숫자형 이넘과 달리 모두 값을 줘야한다는 불편함이 있지만, 런타임 과정에서 가끔 불명확한 값이 나올 가능성이 있는 숫자형 이넘과 달리 문자형 이넘은 항상 명확한 값이 나와 읽기 편하다. 3. 복합 이넘 여러 타입의 값을 줄 수도 있지만 권장하지 않는 방법이다. 4. typeof 변수에 담긴 객체는 당연히 타입 자체가 될 수 없다. 하지만 위와 같이 typeof 를 사용하면 객체를 타입으로 사용할 수 있다. 객체 외에도 함수 또한 typeof 를 통해 타입으로 사용할 수 있다. 5. keyof keyof 는 객체 형태의 타입을 속성만 따로 ..

며칠 전에 객체의 속성에 값을 할당하다가 문제가 생겼다. foo2에 test.foo1를 할당할 땐 test를 읽지 못하지만, 함수를 할당할 땐 에러가 나지 않는 것이다. 스크립트를 읽어들이면서 foo2에 test.foo1을 할당할 시점에는 객체 test가 아직 다 그려진 상태가 아니기에, 즉 test는 undefined 이기에 foo2: undefined.foo1과 같은 형태가 되면서 에러가 난다고 생각했다. 그렇다면 func2에서는 왜 test는 undefined로 읽히지 않아서 func2: function() { undefined.fun1(); } 과 같은 형태가 되지 않는 것일까? 1. 실행 컨텍스트(Execution Context) 실행 컨텍스트란, 자바스크립트 코드가 실행되고 연산되는 범위를 나..

1. 설치 npm install react-router-dom@6 2. BrowserRouter index.js에서 BrowserRouter를 import 해준 뒤 App을 감싸주면 Router를 사용할 수 있다. 3. Routes, Route Routes는 여러 Route를 자식으로 둘 수 있다. Route는 2개의 props를 가질 수 있는데, path는 url 경로, element는 해당 경로에 따른 컴포넌트를 입력해준다. 4. Link, useNavigate Link를 사용하여 해당 url로 이동할 수 있다. Link는 text나 element 모두 감쌀 수 있다. 클릭 시 바로 이동하는 Link와 달리 useNavigate를 활용하면 이동 전에 로직을 처리할 수 있다. 5. parameter, ..