전체 글89

• NAS(네트워크 연결 저장 장치) NAS(Network Attached Storage) (네트워크 연결 저장 장치) 네트워크에 연결된 스토리지 기기. 권한이 있는 네트워크 사용자와 여러 클라이언트가 중앙 집중화된 위치의 데이터를 저장하고 검색할 수 있게 합니다. NAS 디바이스는 데이터 스토리지 및 파일 공유 요청만 처리하는 특수 서버로서 프라이빗 네트워크에 빠르고 안전하며 안정적인 스토리지 서비스를 제공합니다. NAS 디바이스가 중요한 이유 조직의 온프레미스 데이터 센터 (On-premise : 기업의 서버를 클라우드 같은 원격 환경에서 운영하는 방식이 아닌, 자체적으로 보유한 전산실 서버에 직접 설치해 운영하는 방식 오프프레미스 : 클라우드 방식) 온프레미스 데이터 센터는 조직의 자체 데이터 센터에서 클라우드 컴퓨팅 리소스를 사용합니.. etc 2022. 6. 30.

• [코딩테스트 연습]level 1. 실패율 https://programmers.co.kr/learn/courses/30/lessons/42889 코딩테스트 연습 - 실패율 실패율 슈퍼 게임 개발자 오렐리는 큰 고민에 빠졌다. 그녀가 만든 프랜즈 오천성이 대성공을 거뒀지만, 요즘 신규 사용자의 수가 급감한 것이다. 원인은 신규 사용자와 기존 사용자 사이에 스 programmers.co.kr 문제: 슈퍼 게임 개발자 오렐리는 큰 고민에 빠졌다. 그녀가 만든 프랜즈 오천성이 대성공을 거뒀지만, 요즘 신규 사용자의 수가 급감한 것이다. 원인은 신규 사용자와 기존 사용자 사이에 스테이지 차이가 너무 큰 것이 문제였다. 이 문제를 어떻게 할까 고민 한 그녀는 동적으로 게임 시간을 늘려서 난이도를 조절하기로 했다. 역시 슈퍼 개발자라 대부분의 로직은 쉽게 구.. javascript/프로그래머스 2022. 6. 28.

• [코딩테스트 연습]level 1. 예산 문제 S사에서는 각 부서에 필요한 물품을 지원해 주기 위해 부서별로 물품을 구매하는데 필요한 금액을 조사했습니다. 그러나, 전체 예산이 정해져 있기 때문에 모든 부서의 물품을 구매해 줄 수는 없습니다. 그래서 최대한 많은 부서의 물품을 구매해 줄 수 있도록 하려고 합니다. 물품을 구매해 줄 때는 각 부서가 신청한 금액만큼을 모두 지원해 줘야 합니다. 예를 들어 1,000원을 신청한 부서에는 정확히 1,000원을 지원해야 하며, 1,000원보다 적은 금액을 지원해 줄 수는 없습니다. 부서별로 신청한 금액이 들어있는 배열 d와 예산 budget이 매개변수로 주어질 때, 최대 몇 개의 부서에 물품을 지원할 수 있는지 return 하도록 solution 함수를 완성해주세요. sort() 함수를 사용해서 배열을 .. javascript/프로그래머스 2022. 6. 27.

• 

  [Javascript] 배열 정렬하기 sort() sort() 메소드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 포인트를 따릅니다. 정렬 속도와 복잡도는 각 구현방식에 따라 다를 수 있습니다. array.sort([compareFunction]) compareFunction : 정렬 순서를 정의하는 함수. 생략하면 배열은 각 요소의 문자열 변환에 따라 각 문자의 유니 코드 코드 포인트 값에 따라 정렬됩니다. 반환 값 : 정렬한 배열. 원 배열이 정렬됩니다. 복사본이 만들어지는 것이 아닙니다. 숫자 오름차순 정렬하기 (Infinity 및 NaN이 포함되어 있지 않은 경우) function compareNumbers(a, b) { return a - .. javascript 2022. 6. 27.

• [코딩테스트 연습]level 1. K번째수 문제: 배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다. 예를 들어 array가 [1, 5, 2, 6, 3, 7, 4], i = 2, j = 5, k = 3이라면 array의 2번째부터 5번째까지 자르면 [5, 2, 6, 3]입니다. 1에서 나온 배열을 정렬하면 [2, 3, 5, 6]입니다. 2에서 나온 배열의 3번째 숫자는 5입니다. 배열 array, [i, j, k]를 원소로 가진 2차원 배열 commands가 매개변수로 주어질 때, commands의 모든 원소에 대해 앞서 설명한 연산을 적용했을 때 나온 결과를 배열에 담아 return 하도록 solution 함수를 작성해주세요. ------------- commands를 돌면서 i,j에 맞춰.. javascript/프로그래머스 2022. 6. 23.

• [코딩테스트 연습]level 1. 없는 숫자 더하기 문제: 0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers 가 매개변수로 주어집니다. numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 하도록 solution 함수를 완성해주세요. ----- 0부터 9까지의 합이 45이기 때문에 고정값으로 주고, array에 0을 넣은 후에 54에서 array에 들어가는 숫자들을 빼는 과정으로 프로그래밍을 했다. function solution(numbers) { let resArr = [0,0,0,0,0,0,0,0,0,0,0]; for(let a = 0; a{ answer -= data; }) return answer; } 결과는 정답으로 처리가 되었지만, 다른사람들이 코딩한 것을 보았는데 45에서 그냥 array를.. javascript/프로그래머스 2022. 6. 22.

• 

  [React] 부모에서 자식함수 부르기 ref 사용방법 이 글에서는 React의 ref가 무엇이고, ref를 사용하는 이유에 대해 얘기를 해 보며, 사용방법까지 다루려고 합니다. ref가 무엇일까요? ref는 reference 의 줄임말입니다. 참고, 참조 라는 의미로 주로 사용하고 있습니다. ref는 일반객체 입니다. react 프로젝트에서 콘솔로 찍어본다면, current 프로퍼티 하나를 가진 객체가 나타납니다. {current:null} React는 이 객체를 통해 DOM에 직접적인 접근을 가능하게 해 줍니다. export default class Test extends Component{ ref = React.createRef(); componentDidMount(){ console.log(this.ref.current.style.backgroundC.. react 2022. 5. 25.

• 

  [SQLD] 그룹함수 (ROLLUP, CUBE, GROUPING SETS) 업무 중 현황이나 결과를 한눈에 보여줘야 하는 경우가 많습니다. 이전에 작성한 글 에서는 UNION, UNION ALL 으로 병합을 했다면, 이번 글에서는 그룹함수를 이용하여 테이블을 한번만 읽어 빠르게 원하는 결과를 도출해 낼 수 있습니다. (제가 시험쳤던 2022년 3월 12일 시험에서 소계를 계산할 때 사용하는 함수 문제가 출제되었습니다.) 2022.02.07 - [database] - [SQL] UNION / UNION ALL, WITH [SQL] UNION / UNION ALL, WITH UNION / UNION ALL UNION : 조회한 다수의 SELECT문을 하나로 합치고 싶을 때 유니온(UNION)을 사용할 수 있습니다. UNION은 UNION (DISTINCT)와 UNION ALL 문 .. database/SQLD 2022. 3. 18.

• 

  [SQL] 조인 JOIN ( INNER, OUTER, CROSS) 조인의 종류 1. INNER JOIN 2. OUTER JOIN 3. CROSS JOIN INNER JOIN 두 개의 관련된 키가 있는 테이블에서 Column의 값을 비교 후 Join 조건에 맞는 행만 검색합니다. SQL서버의 기본 조인 방식입니다. 1. EQUI JOIN 조인 대상 테이블의 칼럼 값들이 서로 정확하게 일치하는 경우에 사용하는 JOIN으로 WHERE절에 '=' 연산자를 사용하여 JOIN 조건을 명시합니다. 일반적으로 PK, FK로 지정된 칼럼을 JOIN으로 많이 사용합니다. EQUL JOIN의 성능을 높이려면 INDEX 기능을 사용하는 것이 좋습니다. 2. NATURAL JOIN EQUL JOIN에서 JOIN의 조건이 '=' 일 때 동일한 속성이 두 번 나타내게 되는데, 이 중 중복을 제거.. database 2022. 2. 19.

• 

  [React] String을 html로 파싱하기 - dangerouslySetInnerHTML 회사 자체 컴포넌트를 사용하는 중에, 툴팁으로도 표현을 해야 하고 클릭 시 팝업을 띄워야 했는데 이 때 툴팁은 html태그가 인식되어 들여쓰기가 되는 반면에 팝업에서는 html태그까지 모두 string으로 나오는 것을 보았다. 이를 해결하기 위해서 구글링을 해 본 결과, 리액트에서는 다음과 같은 방법을 사용했다. dangerouslySetInnerHTML dangerouslySetInnerHTML은 브라우저 DOM에서 innerHTML을 사용하기 위한 React의 대체 방법입니다. 일반적으로 코드에서 HTML을 설정하는 것은 사이트 간 스크립팅 공격에 쉽게 노출될 수 있기 때문에 위험합니다. 따라서 React에서 직접 HTML을 설정할 수는 있지만, 위험하다는 것을 상기시키기 위해 dangerouslyS.. react 2022. 2. 18.

• 

  [Typescript] React Typescript 생성하기 2022.02.09 - [typescript] - [Typescript] 타입스크립트 시작하기(Typescript) [Typescript] 타입스크립트 시작하기(Typescript) 타입스크립트 특징 1. 컴파일 언어, 정적 타입 언어 자바스크립트는 동적 타입의 인터프리터 언어로 런타임에서 오류를 발견할 수 있습니다. 이에 반해 타입스크립트는 정적 타입의 컴파일 언어 sewonzzang.tistory.com react를 설치하기 위해서는 node 의 버전이 14 또는 그 이상이어야 합니다. 노드 버전이 맞지 않은 경우, nvm을 통해 버전 변경을 해야 합니다. 2021.12.30 - [mac] - mac - nvm으로 노드 버전 관리하기 mac - nvm으로 노드 버전 관리하기 저는 macbrew 를 설.. typescript 2022. 2. 15.

• 

  [SQLD] Database 에서의 NULL 2022.02.13 - [database] - [SQLD] 단일행 함수, 다중행 함수 [SQLD] 단일행 함수, 다중행 함수 2022.02.10 - [database] - [SQLD] 관계형 데이터베이스, DML, DDL, TCL [SQLD] 관계형 데이터베이스, DML, DDL, TCL 2022.02.04 - [database] - [SQLD] SQL 문장들의 종류 - DML, DDL, DCL, TCL [SQLD] SQL 문장.. sewonzzang.tistory.com NULL의 특성 - 널 값은 아직 정의되지 않은 값으로 0 또는 공백과 다르다. 0은 숫자이고 , 공백은 하나의 문자이다. - 테이블을 생성할 때 NOT NULL 또는 PRIMARY KEY로 정의되지 않은 모든 데이터 유형은 널 값을 .. database/SQLD 2022. 2. 14.