반응형

2024/05 15

[ JAVA ] class 클래스

class 클래스  클래스 원리this , 메소드접근제어자상속super오버로딩, 오버라이딩gtter , stter static 클래스, 객체     자바프로그램은 클래스로부터 객체를 생성하여 프로그램을 작성합니다.객체를 생성하기 위해서는 클래스를 작성하여야 합니다.    # 클래스 구성 클래스는 멤버변수, 생성자, 메서드 3가지 요소로 구성 [접근 제어자] class 클래스명 { // 필드 [접근 제어자] 데이터 타입 필드명; // 생성자 [접근 제어자] 클래스명(매개변수들) { // 생성자 코드 } // 메소드 [접근 제어자] 반환 타입 메소드명(매개변수들) { // 메소드 코드 }}  # 접근 제어자 접근 제어자는 클래스, 메소드, ..

java 2024.05.31

[ React ] react-toastify 알림 메시지

react-toastify 알림 메시지  react-toastify는 React 애플리케이션에서 사용자에게 간단하게 알림 메시지를 표시할 수 있게 해주는 라이브러리입니다.      https://www.npmjs.com/package/react-toastify react-toastifyReact notification made easy. Latest version: 10.0.5, last published: 2 months ago. Start using react-toastify in your project by running `npm i react-toastify`. There are 2436 other projects in the npm registry using react-toastify.www.n..

React 2024.05.30

[ figma ] 14. 반응형 디자인

반응형 디자인   웹디자인에서 사용되는 그리드 시스템은 다양한 종류가 있으며, 각기 다른 목적과 디자인 스타일에 맞게 사용됩니다. # 그리드 종류 1. 단일 컬럼 그리드 (Single Column Grid)단일 컬럼 그리드는 가장 기본적인 그리드 형태로, 하나의 컬럼으로 구성됩니다. 주로 블로그 포스트, 기사, 또는 단순한 레이아웃에 사용됩니다.예시: 블로그 포스트 페이지2. 다중 컬럼 그리드 (Multi-Column Grid)다중 컬럼 그리드는 여러 개의 컬럼으로 구성되며, 텍스트와 이미지를 균형 있게 배치하는 데 사용됩니다. 주로 잡지 레이아웃이나 복잡한 텍스트 기반 레이아웃에 사용됩니다.예시: 온라인 잡지, 뉴스 웹사이트3. 모듈 그리드 (Modular Grid)모듈 그리드는 수평 및 수직 가이드로..

figma 2024.05.29

[ figma ] 13. 프로토타입 예제

프로토타입 예제  1. 예제 처음과 마지막 사진 동일   텍스트 프레임 3개 겹침 1번 프레임만보이고 레이어 투명도0 또는 눈감기기      두개를 하나의 프레임으로 감싸기 컴포넌트 등록베리언트추가              # 다음 , 이전 버튼 추가1. 사진 3개, 텍스트 3개 준비   사진을 3개 나열하고 autolayout처리  텍스트 3개 내열 autolayout처리        프로토타입     프로토타입    프로토 타입

figma 2024.05.28

[ React ] 07. 상태관리 - context , redux

상태관리 context 와 redux   # 상태 관리를 사용하는 이유  1. 컴포넌트 간의 상태 공유여러 컴포넌트가 동일한 데이터를 필요로 하는 경우, 상위 컴포넌트를 통해 상태를 전달하는 "prop drilling" 방식은 코드가 복잡해지고 관리하기 어려워집니다. 글로벌 상태 관리를 사용하면 상태를 중앙에서 관리하고 필요한 컴포넌트들이 직접 접근할 수 있어, 복잡성을 줄일 수 있습니다.2. 복잡한 상태 관리의 단순화글로벌 상태 관리 도구들은 상태를 효율적으로 관리하기 위한 다양한 패턴과 구조를 제공합니다. 예를 들어, Redux나 MobX 같은 라이브러리는 액션(action)과 리듀서(reducer)를 통해 상태를 예측 가능하고 체계적으로 관리할 수 있습니다. 이는 상태 변화의 원인을 명확하게 추적할..

React 2024.05.23

[ React ] 06. router 라우터

router 라우터  라우터란 https://ko.wikipedia.org/wiki/%EB%9D%BC%EC%9A%B0%ED%8C%85 라우팅 - 위키백과, 우리 모두의 백과사전위키백과, 우리 모두의 백과사전. 라우팅(영어: routing)은 어떤 네트워크 안에서 통신 데이터를 보낼 때 최적의 경로를 선택하는 과정이다. 최적의 경로는 주어진 데이터를 가장 짧은 거리로 또는ko.wikipedia.org  yarn add react-router-dom https://reactrouter.com/en/main Home v6.23.1 | React Router reactrouter.com    SPA(Single Page Application) 싱글페이지라고 부르는 이유는 유저가 처음 접속했을때 구체적인 data..

React 2024.05.22

[ JAVA ] 클래스

클래스 (class)  클래스(class) :객체를 생성하기 위한 탬플릿 역할을 합니다.OOP(Object Oriented Programming) 객체지향 프로그래밍Object(객체)  : 사람, 동물, 자동차, 물건Object Modeling(객체 모델링)  : 현실 세계 있는 독립적인 객체를 소프트웨어를 통해서 형상화(모델링) Object Relationship(객체 간의 관계)- 집합관계: 서로 포함하고 포함되는 관계 - 사용관계: 객체 간의 상호 작용 - 상속관계: 부모, 자식 객체지향의 특징1. 캡슐화 2. 상속 3. 다형성 클래스와 객체1. 객체를 위한 설계도 2. 객체는 클래스가 인스턴스화(실체화) 된 것 클래스의 생성자    1. 생성자를 정의하지 않으면 컴파일러는 기본생성자를 자동으로 만..

java 2024.05.17

[ CSS ] 반응형, 미디어 쿼리

적응형 / 반응형  적응형 (Adaptive):적응형 디자인 또는 시스템은 사용자의 행동이나 환경의 변화에 맞춰 자동으로 조정됩니다.이는 일반적으로 더 넓은 범위의 상황에 대응하기 위해 설계됩니다. 사용자의 프로필, 환경 조건, 또는 기타 맥락적 요소에 따라 변화합니다.PC / MOBILE / TABLET 별도로 작업반응형 (Responsive):반응형 디자인은 주로 디스플레이나 레이아웃이 다양한 디바이스 크기와 형태에 맞춰 자동으로 조정되는 것을 의미합니다.주로 웹 디자인이나 앱 디자인에서 사용되며, 사용자가 어떤 디바이스를 사용하든 일관된 경험을 제공합니다.예를 들어, 반응형 웹사이트는 데스크톱, 태블릿, 스마트폰 등 다양한 디바이스에서 적절하게 표시될 수 있도록 레이아웃이 조정됩니다.따라서, 적응형..

CSS3 2024.05.17
반응형