반응형 컴퓨터공부/ASAC 웹풀스택26 oneted page 원티드 페이지 만들기 도전!! oneted page 원티드 페이지 만들기 도전!! 파일구조를 파악하고 파이어베이스 까지 가자 파일구조 demo_oneted ├── .idea ├── tutorial-setting-nextjs-main │ ├── .next │ ├── node_modules │ ├── public │ │ ├── favicon.ico │ │ └── wantedLogo.JPG │ ├── src │ │ ├── app │ │ │ ├── globals.css │ │ │ ├── layout.tsx │ │ │ └── providers.tsx │ │ ├── components │ │ │ └── ModalProvider.tsx │ │ └── pages │ │ ├── wd │ │ │ └── index.tsx // 카드 페이지 컴포넌트를 작.. 2023. 12. 22. Next.js 공부 정리 (1) Next.js 공부 정리 (1) Next.js 공부 정리 (1) RSC 디플로이 Fetch 2가지 1 SWR와 리액트? Fetch에서 캐싱이란 어떻게 작동하는가? Fetch에서 캐싱이란 어떻게 작동하는가? Fetch 캐싱 차이? next.js는 기본적으로 서버사이드로 캐싱을 한다 클라이언트 측에서 API 응답이나 자산(예: JavaScript 및 CSS 파일) 캐싱과 같은 다른 형태의 캐싱을 활용하여 애플리케이션의 전반적인 성능을 더욱 최적화할 수도 있습니다. 리액트 기본적으로 서버사이드로 캐싱을 한다 자체는 서버 측 캐싱을 수행하지 않습니다. 웹 애플리케이션의 사용자 인터페이스 구성요소를 구축하기 위한 라이브러리입니다. 라우터 사용 2가지 방법 라우터 라우터 1번 useRouter 후크: useRout.. 2023. 9. 25. git 사용법 정리 git 특강 https://coding-groot.tistory.com/135 [Git/GitHub] 기초적인 소스트리 사용법 정리 소스트리 사용법 정리 용어 저장소(Repository): 내가 Git 으로 관리할 폴더(디렉터리)이다 커밋(Commit): Git에서 버전을 기록하는 단위이다 커밋한다: Git에 하나의 버전을 기록한다 로컬(Local): 네트워 coding-groot.tistory.com https://chotaegyu.notion.site/Git-Github-935f87f3af4d498889bec8aa7529ff82 Git & Github 목차 chotaegyu.notion.site Git 터미널을 열고 # mkdir [옵션][생성 할 디렉토리] 폴더를 생성하는 명령어 입니다. mkdir.. 2023. 9. 19. ASAC 웹 풀스택 리액트 복습 ASAC 웹 풀스택 리액트 복습 iTerm2 iTerm2는 macOS에서 사용할 수 있는 고급 터미널 에뮬레이터입니다. 기본 터미널 앱보다 많은 기능을 제공하며, 사용자 친화적인 인터페이스와 확장성을 갖추고 있습니다. iTerm2는 개발자들에게 인기가 많은데, 그 이유는 탭, 스플릿 패널, 검색, 커스터마이징 등 다양한 기능을 제공하기 때문입니다. 이러한 기능들은 개발 작업을 보다 효율적으로 수행할 수 있도록 도와줍니다. iTerm2 공식 사이트 https://iterm2.com/ iTerm2 - macOS Terminal Replacement iTerm2 by George Nachman. Website by Matthew Freeman, George Nachman, and James A. Rosen. .. 2023. 9. 11. Next.js 기본세팅 Next.js 기본세팅 Next.js 기본세팅 npm install -D @types/node @types/react @types/react-dom typescript npx prettier . --write git add . git status git commit -amend [alias] co = checkout ci = commit 깃설정 https://silver0r.tistory.com/72 git 초기 설치 및 세팅(window 기준) git(http://git-scm.com/) 1.8.5.2 (2014.01.27) 1. 다운로드 windows 용으로 다운로드 http://git-scm.com/ -> Downloads -> Windows(http://git-scm.com/download/win.. 2023. 9. 8. 리액트 쿼리 ,리액트 폼 으로 왠만한 코드가 해결된다? 리액트 쿼리 ,리액트 폼 으로 왠만한 코드가 해결된다? 리액트 쿼리 ,리액트 폼 으로 왠만한 코드를 해결가능 React Query: React Query는 서버에서 데이터를 가져오고 관리하기 위한 라이브러리입니다. 간단한 API 요청, 캐싱, 상태 관리를 제공하며, 서버 상태와 데이터를 효율적으로 관리할 수 있습니다. 아래는 React Query를 사용하여 간단한 데이터를 가져오고 화면에 출력하는 예제입니다. import React from 'react'; import { useQuery } from 'react-query'; const fetchUserData = async () => { const response = await fetch('https://jsonplaceholder.typicode.c.. 2023. 9. 5. 스프링 컨테이너에서 객체를 주입한다 , AOP , 스타터팩 ,formatted()메서드 스프링 컨테이너에서 객체를 주입한다 [백엔드 개발자의 스프링부트 공부노트] 스프링 컨테이너에서 객체를 주입한다? 스프링 컨테이너에서 객체를 주입한다 [백엔드 개발자의 스프링부트 공부노트] AOP AOP 로깅 로직, 즉 벌어진 일을 기록하기 위한 로직과 여러데이터를 관리하기 위한 데이터베이스 연결 로직이 포함된다. [백엔드 개발자의 스프링부트 공부노트] 스프링부트 스타터팩 spring-boot-starter-web Restful 웹 서비스를 개발할때 필요한 의존성 모음 spring-boot-starter-test 스프링 애플리케이션을 테스트하기 위해 필요한 의존성 모음 spring-boot-starter-validation 유효성 검사 spring-boot-starter-actuator 모니터링을 위한 애.. 2023. 9. 5. List와 Map, 백준 10807번 1707번, 스택 과 큐 , 이진트리 List와 Map, 백준 10807번 1707번, 스택 과 큐 , 이진트리 List와 Map 코드로 이해하기 import java.util.*; public class Main { public static void main(String[] args) { // ArrayList 생성 및 추가 List list = new ArrayList(); list.add("Apple"); list.add("Banana"); System.out.println(list); // HashMap 생성 및 추가 Map map = new HashMap(); map.put("Alice", 24); map.put("Bob", 27); // Alice의 나이 출력 System.out.println(map.get("Alice")); }.. 2023. 9. 5. 이전 1 2 3 4 다음 반응형
