본문 바로가기
728x90
반응형

분류 전체보기302

[FRONTEND]React AOS 라이브러리 적용 및 활용 OJT 시 - 버전, 툴 꼭 필기하고 노트패드로 한다. // 1단계 : 터미널을 열고 다음의 커맨드를 입력 실행 // npm install aos --save // 2단계 : AOS 활용 컴포넌트(aos, useEffect) 임포트 // import React, { useEffect } from "react"; // import AOS from "aos"; // 3단계 : AOS CSS 적용(예제에서는 css 폴더 생성 후에 // AOS 공식 홈페이지 배포 aos.css 파일을 넣어주었음) // import "./css/aos.css"; // 4단계 : useEffect 함수 활용 AOS 초기화 처리 // useEffect(() => { // AOS.init(); // }) AOS - Animate on.. 2023. 10. 25.
[FRONTEND]리액트 Event Handling https://ko.legacy.reactjs.org/docs/handling-events.html 이벤트 처리하기 – React A JavaScript library for building user interfaces ko.legacy.reactjs.org 폴더 생성 정상적으로 실행하는 지 확인 // react 에서는 onMouseOut 이벤트도 camelCase 형식의 네이밍 형식을 // 사용합니다. onMouseOut 이벤트는 특정 tag 영역 안에 마우스 커서가 // 진입했다가 벗어날 때 발생합니다. // MouseOut이라는 함수를 선언하고 전달 받은 파라미터를 tag라는 // 함수의 내부 변수에 넣어 사용합니다. 이벤트 함수 호출 {/* div 태그 영역에 마우스 커서가 진입했다가 벗어날 경우.. 2023. 10. 24.
[BACKEND]둥근 이미지 뷰_CircleImageView 활용 ※ 둥근 이미지 뷰(CircleImageView) 둥근 이미지뷰가 필요할 때 사용하는 라이브러리입니다. CircleImageView는 ImageView를 확장한 라이브러리이기 때문에 기본 사용법은 ImageView와 동일합니다. https://developer.android.com/reference/android/widget/ImageView 1. 라이브러리 공식 웹 사이트 https://github.com/hdodenhof/CircleImageView 2. CircleImageView 라이브러리 추가 방법 [build.gradle(Module)에 다음의 코드를 추가해 줍니다. 그리고, 우측 상단 "Sync Project with Gradle Files" 버튼을 클릭해 줍니다] dependencies {.. 2023. 10. 24.
[FRONTEND]리액트 Fetch_Axios_콜백함수_Promise 1) Using Fetch - Web API - MDN https://developer.mozilla.org/ko/docs/Web/API/Fetch_API/Using_Fetch Fetch API 사용하기 - Web API | MDN Fetch API는 HTTP 파이프라인을 구성하는 요청과 응답 등의 요소를 JavaScript에서 접근하고 조작할 수 있는 인터페이스를 제공합니다. Fetch API가 제공하는 전역 fetch() 메서드로 네트워크의 리소스를 developer.mozilla.org 2) AJAX 와 APIs – React https://ko.legacy.reactjs.org/docs/faq-ajax.html AJAX 와 APIs – React A JavaScript library for bui.. 2023. 10. 23.
[BACKEND]ANDROID APP_메뉴와 대화상자 https://developer.android.com/guide/topics/ui/menus?hl=ko 메뉴 | Android 개발자 | Android Developers 메뉴 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 메뉴는 수많은 유형의 애플리케이션에서 사용되는 보편적인 사용자 인터페이스 구성요소입니다. 친숙 developer.android.com * 256px 아이콘으로 사용할 png 이미지 1개를 준비해 주시기 바랍니다. [예시 : 아래 웹 사이트의 경우, 256px 사이즈 png 파일을 선택 다운로드 권장해 드립니다] https://www.iconfinder.com/ * 4가지 중에서 1가지를 선택해서 다이어로그 형식으로 표현할 4개 jpg(또는 png) 이미.. 2023. 10. 23.
[안드로이드 프로그래밍을 위한 자바]JAVA 언어 특성 이해하기 2023. 10. 22.
728x90

티스토리툴바