해물파이의 괴발개발 TIL

https://goanfvkdl.tistory.com/334 도커도커이미지-특정 프로그램 하나를 실행시키기 위한 템플릿 컨테이너-이미지로 실행된 인스턴스- 주 프로세스(엔트리 포인트 프로그램 ) 하나만 실행하도록 되어 있음- 엔트리 포인트 프로그램goanfvkdl.tistory.com

https://goanfvkdl.tistory.com/manage/posts/ 티스토리좀 아는 블로거들의 유용한 이야기, 티스토리. 블로그, 포트폴리오, 웹사이트까지 티스토리에서 나를 표현해 보세요.www.tistory.com

bash에서- start .-> 탐색기 열기- pwd-> 현재 디렉토리 확인-rmdir dir1-> dir1 폴더 삭제-rm -r bashTest-> bashTest 폴더와 내부 파일 삭제- rm -rf ~/bashTest-> bashTest 폴더와 내부 파일 강제 삭제-> 권한 제한도 삭제 확인도 없이 그냥 삭제해버림- mkdir ~/bashTest->bashTest 폴더 생성-mkdir dir1 dir2-> dir1, dir2 폴더 한번에 생성-mkdir -p ./dir1/dir2-> 현재 디렉토리에서 dir1폴더를 만들고 그 안에 dir2 폴더를 만든다-> -p는 필요한 경우 상위 디렉토리도 생성하는 옵션.- cd ~/bashTest->bashTest 폴더 경로로 이동- touch test.txt-..

프로젝트가 끝났다이제는 코틀린 공부 시작 자바 클래스를 코틀린 파일에 복붙하면 인텔리제이에서 자동으로 변환해줌(완벽하진 않음)var(=variable) - 수정 가능val(=value) - 수정 불가능코틀린의 철학 중 하나는 불변성! 왠만하면 val을 쓰자 https://goanfvkdl.tistory.com/331 Kotlin 문법 정리 및 자바와의 차이점변수 선언과 출력fun main() { val count = 10 var greeting = "Hello, Kotlin!" println("Count: $count") println("Greeting: $greeting")}val: 불변 변수 선언 (final과 유사)var: 가변 변수 선언문자열 보간법: $변수명 또는 ${표현goanfvkdl.tis..

https://ui.shadcn.com/ Build your component library - shadcn/uiA set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.ui.shadcn.com 프론트엔드 컴포넌트 라이브러리--웹폰트 사용npm install pretendardimport localFont from "next/font/local";const pretendard = localFont({ src: "./../../node_modules/pretendard/dist/web/variable/..

Git 명령어 정리커밋 기록 조회git log --oneline --all --graphGit 저장소의 커밋 기록을 간략하게 확인하는 명령어.명령어 별명 설정alias gitl="git log --oneline --all --graph"위 설정을 하면 gitl 입력만으로 git log --oneline --all --graph 실행 가능.단, 터미널 창을 닫으면 설정이 사라짐.브랜치 관련 명령어브랜치 생성git branch [브랜치 이름]새로운 브랜치를 생성.브랜치 삭제git branch -D [브랜치 이름]특정 브랜치를 강제 삭제.브랜치 이동git checkout [브랜치 이름]기존 브랜치로 이동.브랜치 생성 및 이동git checkout -b [브랜치 이름]새로운 브랜치를 생성하고 즉시 해당 브랜치로..

Next.js에서 쿠키 사용하기클라이언트 컴포넌트에서 쿠키 사용const response = await client.POST("/api/posts", { body: { title, content, }, credentials: "include", });클라이언트 컴포넌트는 브라우저에서 실행됨.쿠키를 불러올 때 credentials: "include" 옵션을 설정하면 자동으로 포함됨.서버 컴포넌트에서 쿠키 사용const response = await client.GET("/api/posts/{id}", { params: { path: { id, }, }, headers: { cookie: ..

nextjs특징: 프로젝트 구조가 페이지 주소이다.해당 프로잭트 폴더 안에 page.tsx(p는 대문자가 아님. 조심.)로 파일을 만들어 작업함.--클라이언트 컴퍼넌트와 서버 컴퍼넌트클라이언트 컴퍼넌트 -> 브라우저에서 작동.서버 컴퍼넌트 -> 서버에서 작동. *서버란 스프링부트서버를 의미하는 것이 아닌 프록시서버*api서버(스프링부트) -> 프록시 서버(nextjs) -> 브라우저--넥스트에서 클라이언트 컴퍼넌트임을 나타내려면 코드 맨 위에 "use client";를 추가한다.없으면 기본적으로 서버 컴퍼넌트로 인식한다.클라이언트 컴퍼넌트에서는 async/await을 못 씀.서버 컴퍼넌트에서 데이터를 받고 클라이언트 컴퍼넌트에서 ui를 처리하는게 이상적임.--넥스트의 useRouter - 화면 깜빡임 없..

react/next 학습 중 flex frog: flex 학습하기 좋은 게임https://flexboxfroggy.com/#ko Flexbox FroggyA game for learning CSS flexboxflexboxfroggy.comreact에서 a 태그를 안 쓰는 이유 : a태그를 쓰면 새로고침돼서 화면이 깜빡임. Link를 대신 쓴다.--tsx 파일 = 타입스크립트 + jsx--*팁: tsx에서 반복문을 사용할 때 key를 추가해 구분 가능하게 해야 한다.ul>        {pageDto.items.map((item: any) => {          return (            li key={item.id}>              div>id: {item.id}div>       ..

액세스 토큰이 만료되면 리프레시 토큰으로 확인한 후 재발급해준다--프론트에서 요청을 보낼 때 서버에서 만료 여부를 확인만약 만료되었다면 프론트가 함께 보내준 리프레시 토큰을 확인하고 자동으로 액세스 토큰을 재발급한다*액세스 토큰 재발급 시 리프레시 토큰을 DB에서 조회하는 작업이 필요하므로 자주 하면 서버에 부하가 증가한다