반응형

2024/05 14

[ JAVA ] class 클래스

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

java 2024.05.31

[ React ] react-toastify 알림 메시지 , SweetAlert2

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 ] 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

[ React ] 04. useEffect, useLayoutEffect, useReducer , useMemo, useCallback

useEffect, useLayoutEffect, useReducer , useMemo, useCallback   1. useEffect useEffect는 컴포넌트가 렌더링 된 후 비동기적으로 실행됩니다. 브라우저가 화면을 업데이트한 후에 실행되므로, 레이아웃 계산이나 DOM 조작보다는 데이터 가져오기, 구독 설정, 타이머 설정 등에 적합합니다. 2. useLayoutEffectuseLayoutEffect는 컴포넌트가 렌더링 된 후, 브라우저가 화면을 업데이트하기 전에 동기적으로 실행됩니다. 따라서 레이아웃 계산, DOM 측정 또는 동기적인 DOM 조작이 필요한 경우에 적합합니다. 실행 시점:useEffect: 컴포넌트가 렌더링되고 화면이 업데이트된 후 비동기적으로 실행됩니다.useLayoutEffec..

React 2024.05.15
반응형