다다의 개발일지 6v6

정리하고 싶은 것3/4 (월)mac 사용법 + 단축키 homebrew3/5 (화)mariaDB ( 정리 올릴 예정 )string boot 간단한 특징intelliJ 사용법cursor 사용법TCP/IP 에 대해서 ( 정리 올릴 예정 )주소를 쳤을 때 서버로 어떤식으로 넘어가는지 공부gradlew 에 대해서jar파일이 뭔지 - Java 프로그램을 실행하거나 라이브러리로 활용할 수 있도록 클래스 파일과 리소스를 압축한 파일더보기JAR 파일이란?JAR (Java ARchive) 파일은 여러 개의 Java 클래스 파일(.class), 리소스 파일(이미지, XML, 프로퍼티 파일 등), 메타데이터 등을 하나의 파일로 묶은 압축 파일이다. ZIP 형식을 기반으로 만들어졌으며, Java에서 애플리케이션 배포 및 실행을..

기본 단축키cmd + c 복사cmd + x 잘라내기 (텍스트만) cmd + v 붙여넣기cmd + opt + v 잘라내서 붙여넣기 (파일에서는 이렇게) cmd + w 창 닫기cmd + q (위에 거로 안 닫히는 프로그램들은 이걸로 꺼줘야함) 한영 전환 (window에서 대문자 변환키)그럼 대문자 전환은? 꾹 누르면 된다~finder ( 파일 탐색기 )cmd 누르면서 폴더 열면 tap으로 켜짐. (여러개의 폴더 왔다갔다 편리)cmd + w 하면 탭 닫기 터치패드에 관련된 설정은 트랙패드로 가면됨!(전 이동속도 빠르게, 터치만 해도 클릭되게 만들었습니당. 클릭하는거 너무 빡세요.. ㅎ.. 오른쪽 마우스 클릭은 두손가락으로 하면 됨위아래로는 스크롤 파일에 태그를 붙일 수 있음!! -> 카테고리 별로 색깔 ..

우리가 하고 싶은 건 페이지 전체 리로딩 없이 필요한 콘텐츠만 로딩하는 것인데이를 위해 Next.js에서 대신 를 사용하면 SPA(Single Page Application)처럼 동작할 수 있다 우선 태그를 사용하면 발생하는 문제점!페이지 전체가 새로고침됨기본적으로 태그를 사용하면 브라우저가 새로운 요청을 보내서 페이지 전체를 다시 로드한다.About 페이지 이동href="/about"을 클릭하면 서버에 요청을 보내고 페이지가 새로고침됨방문했던 페이지라도 다시 다운로드하여 렌더링하기 때문에 비효율적결과적으로기존 상태(state)가 초기화됨 (예: 입력 폼 내용, 로그인 상태 등)페이지 전환 속도가 느려짐   태그를 사용하면? (Next.js 방식)1️⃣ 클라이언트 사이드 내비게이션 (CSR) 적용i..

앱 라우팅(App Router) Next.js 13부터 디렉토리 기반의 라우팅 App Router가 도입됐다고 한다.기존의 pages/ 방식과 다르게, 파일과 폴더 구조만으로 자동으로 라우팅이 설정된다  기본 구조Next.js에서 app/ 폴더 안에 파일을 추가하는 것만으로 페이지를 생성할 수 있음📂 디렉토리 구조 예시/app ├─ layout.tsx # 모든 페이지에 공통 적용 (레이아웃) ├─ page.tsx # `/` (홈 페이지) ├─ about/ │ ├─ page.tsx # `/about` 페이지 ├─ blog/ │ ├─ page.tsx # `/blog` 페이지 │ ├─ post/ │ │ ├─ page.tsx # `/blo..

https://opentutorials.org/course/5098 Next.js 13 - 생활코딩수업 개요 Next.js는 웹 애플리케이션을 빌드하고 배포하는 데 강력한 도구입니다. 이 도구를 활용하면 모던한 웹 앱을 빠르고 효율적으로 구축할 수 있습니다. 그럼 함께 미래의 웹 개발 패러다opentutorials.orgNext.js란?Next.js는 React 기반의 풀스택 프레임워크로, 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 지원하며, 최신 웹 애플리케이션을 개발하는 데 최적화된 도구이다. 프론트부분은 react와 같고 백엔드부분은 expressjs랑 비슷한 기능들이 탑재되어 있다고 한다.Next.js의 주요 특징서버 사이드 렌더링(SSR, Server-Side Rendering)..

JavaScript + 타입 체크 = TypeScriptjs 안에 특수한 ts라고 생각하면 됨. ts ⊂ js따라서 ts에서는 js가 돌아가지만 js에서는 ts가 돌아가지 않는다고 볼 수 있다. TypeScript는 변수의 데이터 타입을 명확하게 지정해주어 안정성을 높여준다. → 이게 Ts의 제일 큰 특징  코드 연습 간단하게 할 수 있는 사이트https://www.typescriptlang.org/play/?#code/Q TS Playground - An online editor for exploring TypeScript and JavaScriptThe Playground lets you write TypeScript or JavaScript online in a safe and sharable wa..