분류 전체보기69 [React] - npm과 yarn의 차이 npm, yarn이란?npm과 yarn은 모두 JavaScript의 런타임 환경인 Node.js의 패키지 관리자이다. 개발자들이 js로 만든 여러 패키지들이 온라인 npm DB에 업로드되어 있는데, 이러한 패키지들을 npm, yarn과 같은 패키지 관리자를 통하여 설치 및 삭제, 관리할 수 있다. npm (Node Package Manager)Node.js를 설치하면 npm도 기본적으로 같이 설치된다.=> 별도로 설치하지 않아도 바로 사용 가능하여 리액트 입문자들이 많이 사용한다고 한다. 주요 npm 명령어들npm init # package.json 생성npm install # package.json의 모든 패키지 설치npm install # 특정 패키지 설치npm install package_na.. 2025. 2. 20. [React] - npx create-react-app 설치 오류 해결방법 npx create-react app 명령어 오류React 개발환경을 세팅하다가 다음과 같은 오류를 마주쳤다.Visual Studio Code와 node.js를 설치한 후, vscode 터미널(powershell)에서 폴더를 연 후 터미널에서npx create-react-app [프로젝트명]위 명령어를 입력하자 생긴 오류이다. 구글링 결과 npm create-react-app을 입력하면 해결된다는 말도 있었지만, 내 컴퓨터에서는 여전히 똑같은 오류가 떴다.(node.js와 npm 설치가 잘 되어있는지 터미널로 확인해도 문제없이 잘 나왔다.) 오류 문구npx : 'npx' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 .. 2025. 2. 19. [Java] - Stream API ③ distinct()로 중복 요소 제거하기 distinct() 메서드란? distinct() 메서드 스트림 API에서 제공하는 메서드 중 하나로, 컬렉션의 요소에서 중복을 제거한다. distinct()는 이전의 filter() 메서드와 같이, Stream API의 3단계 (Stream 생성 → 중간 연산 → 최종 연산) 중에서 중간 연산에 속한다. 따라서 이후에 최종 연산을 수행해야 distinct() 연산이 실제로 수행된다. distinct() 메서드의 특징1. Stream 에서 중복된 요소를 제거하여 새로운 Stream 객체로 반환한다. => 중복인지 아닌지 판단할 때 내부적으로 equals() 메서드를 사용한다. 2. 정렬 순서가 보존된다.=> 원본 스트림의 순서를 유지하면서 중복을 제거한다. 중복 요소가 있을 경우 중복된 첫 번째 위치의.. 2025. 2. 18. [Spring boot] - ORM, JPA에 대해서 ORM (Object-Relational Mapping) 이란?객체와 관계형 데이터베이스를 매핑시켜, 객체 지향 코드를 작성 가능하도록 하는 기술을 말한다.=> 관계형 ↔ 객체지향 사이의 변환 기법! 객체(Object)와 데이터베이스(DB)의 테이블의 구조를 자동으로 연결시켜준다.ORM을 사용하면 개발자는 SQL 쿼리를 직접 작성하지 않아도 되며, 자바 코드를 통하여 DB의 데이터를 조작하고 처리할 수 있어 편리하다.ORM의 장점1. 개발 생산성 증가앞서 말했듯이, ORM을 사용하면 개발 시 SQL을 직접 작성할 필요가 없기 때문에 개발 생산성이 증가한다.ex) Member이라는 테이블이 있다고 가정하고, 이 테이블의 전체 데이터를 조회해야 한다고 하자.기존의 SQL 쿼리를 아래와 같이 따로 작성해야 했.. 2025. 2. 17. [Java] - Stream API ② filter() 메서드 filter() 메서드란? filter() 메서드는, 주어진 조건을 만족하는 요소들로 구성된 스트림만을 필터링하여 반환하는 메서드이다.즉, 컬렉션의 요소들 중 조건문에 맞는 요소들만 추출하여 새로운 스트림으로 생성하여 반환한다. filter()는 Stream API의 3단계 (Stream 생성 → 중간 연산 → 최종 연산) 중에서 중간 연산에 속한다. 따라서 이후에 최종 연산을 수행해야 filter() 연산이 실제로 수행된다. collect(), map() 등 다른 메서드들과 같이 사용하는 경우가 많다.filter() 메서드 사용 예시 1. 짝수 추출하기import java.util.ArrayList;import java.util.List;public class Main { public static v.. 2025. 2. 16. [Java] - Stream API ⓛ forEach() 사용법 정리 forEach() 란?자바8에서 Stream이 도입되면서 등장한 메서드로, 리스트, 배열과 같은 컬렉션 데이터를 반복할 때 사용한다.반환 타입은 void로, 스트림의 모든 요소를 출력하는 용도로 많이 활용된다.보통 람다식과 결합하여 많이 사용용하며, 기존의 for문에 비해 더 간결하고 가독성이 좋은 편이다. forEach()는 컬렉션의 요소 전체를 하나씩 꺼내서 반복하며, Stream API의 3단계 (Stream 생성 → 중간 연산 → 최종 연산) 중에서 최종 연산에 속한다. 따라서 이후에 다른 최종 메서드를 호출해서는 안된다. (count()와 같은..)forEach() 메서드 사용 예시 ⓛ 람다식for문을 스트림 API의 forEach() 메서드를 사용하여 바꿔보자! 기존의 for문으로 list.. 2025. 2. 15. 이전 1 2 3 4 5 ··· 12 다음
