코딩하는 라이언

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

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

등차수열 특정한 항만 더하기https://school.programmers.co.kr/learn/courses/30/lessons/181931?language=javascript 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr for문으나 If문을 사용할 수도 있지만 해당 문제는 reduce메서드를 활용하면 간단하게 풀 수 있다. 인수로 받은 included 배열에 true인 익덱스에만 해당 인덱스값에 맞는 등차수열을 더해 출력하는 문제이다. reduce는 callback함수를 받아 실행해 누적값을 return하는 메서드이다.Arr.reduce(callback[, initialValue]) reduce ..

코드 출력하기https://school.programmers.co.kr/learn/courses/30/lessons/181932 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 조건에 따라 모드를 변환하여 조건에 맞는 인덱스 값을 담아 출력하는 문제입니다. 처음 제출한 코드는 문제에서 말하는 요구사항을 그대로 조건문과 반복문을 통해 풀이 작성을 한 코드입니다. 두번째 코드는 답안 제출 후 마음에 드는 다른 사람의 풀이를 참고하였습니다.처음 제출한 코드function solution(code) { let [ arr, mode, ret ] = [code.split(""), false, [] ]; ..

알고리즘 문제를 풀게되면 코딩테스트 환경에서 터미널 입출력을 통해 문제를 연습하곤합니다. JavaScript에서는 서버 사이드 환경인 Node.js가 다양한 애플리케이션에서 활용되고 있습니다. 코딩테스트 외에도 CLI 앱 개발, 디버깅 및 로깅, 자동화 스크립트 등에 활용할 수 있습니다. 해당 글에서는 간단한 모듈을 활용한 예제를 통해 입출력 하는 방법에 대해 알아보겠습니다.CLI 애플리케이션 개발: 사용자와 상호작용하는 명령줄 도구를 만들 때.디버깅 및 로깅: 실행 과정 중 로그를 출력하거나, 사용자 입력을 받아 처리하는 경우.자동화 스크립트: 배치 작업이나 자동화 스크립트에서 사용자 피드백을 받을 때.목차Node.js 터미널 입출력 모듈 입출력 방법마무리1. Node.js 터미널 입출력 모듈NodeJ..

자바스크립트에서 외부 입력을 받아 출력할 때는 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..

방법론 스터디 첫 모임을 가졌습니다. 다 함께 모인 첫날이라 서로에 대해 알아가기 위해 간단한 이력 소개와 소속 도메인, 사용 기술 스택에 대해 소개 나누었습니다. 다들 최소 2년차부터 4년 차까지 모두 개발 현업 경험이 있는 팀원들이었습니다. 현업에 있는 사람들과 스터디를 하는 건 두 번째인데, 같은 기술 스택을 학습하는 사람들과 모인 것은 처음이라 앞으로의 스터디가 기대되었습니다. 한편으로는 혼자 현업 경험이 없는 만큼 다른 때보다 더 열심히 스터디 발표 자료를 준비해야겠다는 생각이 들었습니다. 정규 과정이 들어가기 전에 모인 사전 스터디라 스터디를 이끌 팀장이 필요하였습니다. 팀장이 부담이 될 수 있는 자리라 누가 하자고 쉽게 권하지는 못하였습니다. 그렇게 어쩌다 보니 팀장이 되었습니다. 잠깐의 O..

Next.js와 React, 어떤 것을 써야 할까? Next.js는 React.js의 프레임워크이다. React.js에서도 SSR, SSG, ISR 등을 할 수 있지만 Next.js가 보다 편리하게 할 수 있다는 점만 해도 엄청난 장점이다. 하지만 Next의 단점은 리액트를 깊이 이해하고 있지 않거나, 아예 서버에 대한 개념이 무지하다면 초기 러닝커브가 있을 수 있다는 점이다.넥스트에서 서버/클라이언트 컴포넌트를 분리한다는 개념을 처음 학습할 때는 프런트에서 API요청하는 비동기 코드들과 ui 관련된 코드들을 분리하고 싶던 욕구가 있었기에 반가웠다. 그래서 리액트 프로젝트에서는 Middleware 같은 Hook을 만들어서 감싸서 사용하려는 시도를 하다 결국 프로젝트 데드라인에 쫓겨 기존 방식대로 마무리하..

클럽 99 Next.js 스터디 4주차 현황( ...이라하고 트러블 모음집이라고 부르기 )  명절 기간에 많이 뒤쳐진 것 같아서 따라잡으려고 달렸는데, 다들 비슷했나보다. 인원이 작기도 한데, 지금 진도율에 1등이라니이 확실히 상태관리 내용이 나오니앞 주차보다 진도가 뎌디다. 4주차 강의는 바로 이해가 안되어서 여러번 돌려보았다. 이번 스터디 강사님은 설명할 때 같은 개념을 다른 말로 여러 번 끊어서 말하는 스타일인데 처음에는 귀에 쏙쏙 들어온다는 생각했는데, 뒤로 갈 수록 오히려 흐름도 같이 끊기는 느낌이었다 ㅠㅠ  4주차 강의 중 Zustand 로 next에서 상태관리하는 법 강의 듣고 있다. 넥스트에서 서버 컴포넌트와 클라이언트 컴포넌트를 구분하는 방식이 너무 좋아보였다. 유지관리하기 훨씬 깔끔해진..

캐싱은 NextJS에서 핵심이라고 할 수 있습니다. Next는 브라우저의 메서드인 fetch를 기반으로 NextJS에서 확장된 새로운 API를 도입하였습니다. 그래서 NextJS에서의 fetch 메서드는 우리가 기존에 알고 있던 브라우저에서의 fetch와 달리 NextJs에서 캐싱을 다루는 속성이 있어, 우리가 손쉽게 랜더링 방식을 제어할 수 있다는 장점이 있습니다. 주로 우리는 크게 두 가지 관점에서 캐싱을 진행합니다. 바로 build할때와 데이터를 요청할 때입니다 NextJS의 캐싱 전략Full Route CacheFull Route Cache는 우리가 캐시를 정적 사이트로 만들어주면 알아서 빌드 시점에 캐싱해주는 것을 말합니다.기본적으로 넥스트 14버전에서의 fetch는 아무 것도 입력을 하지 않는..