728x90
반응형

Web Frontend 41

[SQL] NOT, AND, OR 우선순위

SQL을 학습할 때 우선순위를 알고 있어야 SQL의 실행 흐름을 정확하게 파악할 수 있습니다.1. NOT > 2. AND > 3. OR다음 sql 문장 중 실행 결과가 다른 하나는?1. SELECT COUNT(*) FROM EMP WHERE DEPTNO = 10 OR DEPTNO = 20 AND JOB = 'CLERK';2. SELECT COUNT(*) FROM EMP WHERE (DEPTNO = 10 OR DEPTNO = 20) AND JOB = 'CLERK';3. SELECT COUNT(*) FROM EMP WHERE DEPTNO = 10 OR (DEPTNO = 20 AND JOB = 'CLERK');4. SELECT COUNT(*) FROM EMP WHERE (DEPTNO = 10 OR DEPTNO..

[SQL] WHERE절은 조건 필터링 절

WHERE 절은 SQL에서 특정 조건을 만족하는 데이터만 선택할 때 사용하는 조건 필터링 절입니다.✅ WHERE 절이란?데이터를 필터링할 때 사용하는 SQL 절SELECT, UPDATE, DELETE 문과 함께 사용됨조건을 지정해서 특정 행(Row)만 조회, 수정, 삭제 가능✅ WHERE 절 기본 구문SELECT 컬럼명 FROM 테이블명 WHERE 조건;🔹 조건에 맞는 데이터만 조회됨🔹 조건을 만족하지 않는 데이터는 결과에 포함되지 않음✅ WHERE 절 사용 예제📌 1. 특정 값과 일치하는 데이터 조회 (= 연산자)SELECT * FROM 회원정보 WHERE 회원등급 = 'VIP';회원등급이 'VIP'인 회원만 조회📌 2. 크거나 작은 값 조회 (> = SELECT * FROM 주문내역 WHERE..

[SQL] NULL 데이터 처리(ISNULL, NULLIF, NVL, COALESCE)

데이터베이스를 설계하고 운영할 때, 모든 데이터가 항상 값으로 채워지는 것은 아닙니다. 예를 들어, 회원 테이블에서 사용자의 주소나 전화번호가 아직 입력되지 않은 경우, 해당 필드는 NULL 값으로 저장됩니다. 이처럼 NULL은 “데이터가 존재하지 않음”을 나타내며, 데이터의 누락이나 아직 입력되지 않은 상태를 표현하는 중요한 개념입니다. SQL 자격증을 준비하는 여러분에게 NULL의 특성과 이를 적절하게 처리하는 방법은 매우 중요한 주제입니다.1. NULL 특징NULL은 값이 존재하지 않음을 의미하며, 이는 0이나 빈 문자열과는 다릅니다.연산 시 주의점 - NULL과의 연산은 결과가 NULL이 될 가능성이 크므로, 이를 처리하지 않으면 의도치 않은 결과를 가져올 수 있습니다.2. NULL 데이터 처리 ..

Node.js로 입력값 출력하기 ( fs, readline 언제 사용할까? )

자바스크립트에서 외부 입력을 받아 출력할 때는 Node.js의 모듈로 readline과 fs를 주로 사용합니다. 아래 간단한 개념 정리와 readline모듈을 활용한 예제를 통해 알아봅시다.Node.js로 입력값 출력 방법 두가지1. fs 모듈fs(File System) 모듈은 Node.js에서 파일 시스템과 상호작용하기 위한 기본 모듈입니다. 동기적혹은 비동기적 방식으로 파일을 읽거나 쓸 때 사용됩니다.특징동기적/비동기적 파일 I/O: fs.readFileSync()와 fs.readFile() 등을 사용해 파일을 읽을 수 있습니다.온라인 저지 환경에 적합: 코딩 테스트나 알고리즘 문제 풀이 시, Node.js 환경에서는 /dev/stdin을 이용해 입력을 받을 수 있습니다.예제 (동기적 방식)const..

Web Frontend 2025.02.11

git 초기 설정 (--global 옵션)

git 공식 문서 홈페이지 참고하여 작성한 게시물입니다. > https://git-scm.com/book/ko1. homebrew로 git 설치homebrew로 git을 먼저 설치합니다. ( homebrew가 설치되어 있지 않다면 해당 링크 확인! )brew install git2. git 사용자 설정하기사용자 이름을 설정할 때는 github나 gitlab 사용자 이름이나 별명을 입력해주세요.email도 github나 gitlab에 가입된 이메일을 입력해주세요.$ git config --global user.name "사용자이름"$ git config --global user.email devchae@gmail.com여기서 --global옵션은 해당 시스템 전역으로 이 정보를 사용하겠다는 옵션이기 때문에..

homebrew란? 빠르게 알아보자 (homebrew 설치) 🍺

🍺 homebrew 설치 명령어/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"🍺 Homebrew란?Ruby 기반으로 만들어진 Homebrew는 macOS 사용자에게 필수라고 할 수 있는 패키지 매니저입니다. (Linux에서도 사용 가능)“The missing package manager for macOS (or Linux)”라는 슬로건처럼, 시스템에 기본적으로 포함되지 않은 유용한 도구와 라이브러리를 간단한 명령어로 설치할 수 있습니다. Node.js, Python, Git 등의 개발 환경을 손쉽게 설정할 수 있습니다.Homebrew는 커맨드라인 인터페이스를 통해 동작하며, 오픈..

내가 보려고 만든 FE개발자가 맥 초기화 후 해야할 일 ( macOS 기준, M2 )

맥을 초기화하고 나면 사이트 이곳 저곳 다니면서 설정하는게 귀찮아서 환경설정 올인원 게시물을 작성했다.1. homebrew설치 : 자세한 설치 방법은 해당 게시물 참고/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"2. chrome 설치설치하면서 안되면 트러블슈팅해야하니까 선호하는 브라우저로 바로 설치해준다.홈브루로 chrome을 설치하는 이유는 업데이트와 같은 앱 관리를 할 때 brew 명령어를 통해 컴퓨터안에 있는 응용프로그램들을 한꺼번에 관리할 수 있기 때문이다. ( 슬랙과 디스코드도 설치 가능하다 ) brew install --cask google-chrome패키지매니저를 설치..

[JS] for, for...of 성능 비교

프로그래머스에서 다른 사람 문제 풀이를 보던 중 for문이 효율성에서 점수가 잘나온다는 글을 보았다.직접 테스트 해보고 싶은 마음에 성능 테스트를 어떻게 하는거지 찾아보던 중 재미있는 사이트를 발견했다.각 브라우저별로 코드 테스트를 해볼 수 있는 사이트https://jsben.ch/코드블럭에 비교하려는 코드를 넣고 실행하면 아래와 같이 코드 테스트 결과가 출력된다.for문과 for...of문 비교chrome 브라우저출처자바스크립트 성능 최적화에 대한 의문JavaScript 반복문 (for, forEach 등)의 종류와 퍼포먼스 비교

Web Frontend 2025.01.15

gitlab SSH key 만료되었을 때, 재등록 Your SSH key has expired.

remote: remote: ========================================================================remote: remote: ERROR: Your SSH key has expired.remote: remote: ========================================================================remote: fatal: Could not read from remote repository.Please make sure you have the correct access rightsand the repository exists. 오랜만에 gitlab 프로젝트를 들어왔는데 완료된 경우Edit Profile ..

Vite+React+Styled-Components 개발 환경 세팅하기 (feat. Socket.io이용한 chat App만들기)

앞선 포스팅Vite React TypeScript 개발환경 설정하기https://devchaeyoung.tistory.com/72Vite React chatApp 만들기 ToDos ✏️Vite React TypeScript 설정하기App.tsx 파일 vite 서버로 실행하기프로젝트에 맞는 CSS 설정하기socket.io를 이용한 채팅 만들기완료된 프로젝트 보일러플레이트 보러가기 >> https://github.com/devchaeyoung/vite-chat-app01. 사용하려는 css라이브러리 선택하기js in css : styled-components간단한 프로젝트여서 빠른 스타일링을 위해 상대적으로 손에 익은 js in css인 styled-components를 선택했습니다.사이트 참고@emotio..

Web Frontend/React 2025.01.09
728x90
반응형