본문 바로가기

전체 글17

React 에서 Tab Component 구현하기 상태 관리 방법 안녕하세요 오늘은 React 관련해서 첫번째 포스팅인데요, 바로 리액트를 활용해서 탭 컴포넌트를 구현하는 방법에대해서 설명하려고 합니다. React를 사용하면 동적이고 효과적인 탭 구현이 가능합니다. 이번에는 React를 활용하여 탭을 만드는 과정을 살펴보겠습니다. 컴포넌트의 활용과 상태(state)를 이용하여 동적인 탭을 만들어 보겠습니다. 프로젝트 초기 설정 Create React App으로 프로젝트 생성 우선 React 애플리케이션을 시작하기 위해 Create React App을 사용합니다. npx create-react-app tab-app cd tab-app 필요한 라이브러리 설치 npm install react-router-dom React Router 라이브러리를 사용하여 탭 간의 페이지 전.. 2024. 1. 17.
JavaScript의 querySelector 완벽 활용 방법 다중선택 id로 요소찾기 안녕하세요 오늘은 JavaScript의 querySelector에 대해서 소개하려고 합니다. 쿼리셀렉터란 DOM(Document Object Model)에서 특정 요소를 선택하는 강력하고 유연한 메서드입니다. 해당 메서드를 사용하면 CSS 선택자를 기반으로 원하는 요소에 쉽게 접근할 수 있습니다. 이번 포스팅에서는 querySelector의 기본적인 사용법과 실제 예시 코드를 통해 어떻게 활용하는지에 대해 살펴보겠습니다. querySelector 기본 문법 querySelector는 CSS 선택자를 사용하여 DOM에서 요소를 선택합니다. 간단한 예시로 아래와 같이 사용할 수 있습니다. 단일 요소 선택 const element = document.querySelector('.example'); 위 코드와 .. 2024. 1. 16.
[JAVA 문법] 자바 메서드 오버로딩 개념과 사용 방법 익히기 안녕하세요, Spring 을 시작하기 전에 자바 문법을 먼저 익히시는 분들이 많을 것 같습니다. 그 중에서도 메서드 오버로딩에 대해서 많이 궁금해하실 것 같ㅇ느데요. 자바에서 메서드 오버로딩(Method Overloading)은 같은 이름의 메서드를 여러 개 정의하는 기법으로, 매개변수의 유형, 개수, 순서를 다르게 함으로써 다양한 상황에 대응할 수 있게 해줍니다. 오늘은 메서드 오버로딩의 개념, 장점, 그리고 예제 코드를 통해 구체적인 활용법에 대해 알아보겠습니다. 메서드 오버로딩의 개념 메서드 오버로딩은 동일한 이름을 가진 메서드를 여러 개 정의하는 것입니다. 이때 메서드의 시그니처가 달라야 합니다. 시그니처란 메서드의 이름, 반환 타입, 매개변수의 유형, 개수, 순서를 의미합니다. 메서드 오버로딩의.. 2024. 1. 15.
Blazor와 Entity Framework Core 사용해서 데이터 바인딩하기 안녕하세요 오늘은 Blazor 를 소개하고 Blazor에서 쉽게 데이터를 바인딩할 수 있는 Entity Framework Core 까지 알려드리려고 합니다. Blazor는 C#을 사용하여 웹 애플리케이션을 개발하는 프레임워크로, 클라이언트 측 코드를 C#으로 작성할 수 있는기술입니다. Entity Framework Core는 데이터베이스와의 상호 작용을 간편하게 만드는 .NET의 객체 관계 매핑(ORM) 프레임워크입니다. 이 두 기술을 결합하면 강력한 웹 애플리케이션을 개발할 수 있습니다. 자세하게 더 알아봅시다. Blazor란 무엇일까요 ? Blazor 기본 개념 Blazor WebAssembly: 클라이언트 측 웹 애플리케이션을 브라우저에서 실행할 수 있게 해주는 Blazor 버전. Blazor Se.. 2024. 1. 14.