본문 바로가기

전체 글234

[React] OpenWeatherMap 날씨 api 연결 사용한 api - OpenWeatherMap 5 day weather forecast - OpenWeatherMap openweathermap.org api 사용 방법OpenWeatherMap 을 들어가면 무료, 유료 사용 가능한 api 가 존재한다1. API key 가 필요하기 때문에 사이트에 회원가입 해야한다. 2. api key를 받은 것을 확인 후 .env 파일을 생성한다. (.env 파일 앞에 이름은 안 적어도 된다.)확인은 My API keys 에서 확인하면 되며, 파일 생성은 pakage.json 과 동일한 위치에 두면 된다.이건 사이트 배포까지 진행할 사람들은 개인정보 보호를 위해 필수로 하는 것이 좋지만,배포까지 하지 않을 거라면 따로 페이지를 만들지 않고 실습하여도 된다. 3.(API .. 2024. 10. 14.
[React] 기본 브라우저 모든 css 제거하기 브라우저 마다 다양한 css 가 지정되어 내가 지정한 것과 엉킬 수도 있기 때문에 미리 제거 해야 한다. https://meyerweb.com/eric/tools/css/reset/  CSS Tools: Reset CSSCSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're intermeyerweb.com 사이트 내 .. 2024. 10. 12.
[Spring] CKEditor5 연결 ~ 사용 CKEditor CKEditor 5 - Download Latest VersionDownload a ready-to-use CKEditor 5 Build. Install, download or serve a ready-to-use rich text editor of your choice.ckeditor.com 어떻게 가져와 사용할 것인지는 자유 내가 사용한 방법1. head 태그 안에 CDN 을 복사해 넣는다. 2. 사용할 부분에 div 태그 id 로 생성 =  id로 ckeditor 를 넣어줄 거다.hidden 타입의 input 태그는 ckeditor를 통해 적은 글을 넘기는데 사용하기 때문에 당연하게 form 태그가 나머지 태그를 감싸고 있어야 한다. .. 2024. 10. 10.
[개인] SpringBoot 프로젝트 import ~ build 까지 안 쓰다보면 잊게 되니 확인할 수 있게 적어둔다.이 과정은 이미 깃허브 repository 생성 후 프로젝트를 미리 만들었다는 가정 하에 실행된다. 과정1. 깃허브 레퍼지토리 클론한 파일을 보다 상위의 파일로 workplace 설정 2. 만약 깃허브 연결 안되어있다면 오른쪽 상단 Git 이라고 쓰인 곳에서 깃허브를 연결한 후 3. 연결했다면 왼쪽에 J 라고 써진 곳에 돌아와 왼쪽 Pakage Explorer 에 import projects 클릭 4. Gradle > Existing... > clone 한 repository > Finish 누르면 끝 5. build 는 boot dashboard 에서 ▶️ 이렇게 생긴 애를 누르고 지구 모양이 활성화되면 끝이다. 오류 ) Spring Caused by :.. 2024. 10. 8.
글 타이틀 배경 바꾸기 참고 블로그 티스토리 블로그 제목 배경 원하는 이미지로 바꾸기 (타이틀 이미지 변경)안녕하세요? 부자가 되고 싶은 인프피 쀵찌입니다! 티스토리 초보라면 티스토리 블로그에 첫 글을 쓰신 다음, 너무 못생긴 블로그 화면에 놀란 경험이 있을 것입니다. 티스토리는 썸네일이 곧be-rich-infp.tistory.com 방법준비물 : 어두운 배경을 가지고, 크기가 크지 않고, 저작권에 걸리지 않는 사진1.  Html 편집으로 들어가서 파일 업로드2. 오른쪽 눌러서 링크 복사하기3. ctrl + f > post-cover  검색하면 3번째 post-cover로 간다.그러면 back ground-img:url() 내부에 사진과 같이 적힌 걸 발견 할 수 있는데,이걸 지우고 그 자리에 아래 사진처럼 방금 복사한 링크를.. 2024. 10. 4.
[Spring] 깃허브 : 사이트 배포하기 (서버 내, Github Actions: 실습 예정) GitHub Actions 공식 문서GitHub Actions 사용시 장점자동화된 CI/CD 파이프라인코드가 GitHub 저장소에 푸시될 때마다 자동으로 테스트, 빌드, 배포 등의 프로세스를 실행할 수 있습니다. 이를 통해 코드 품질을 유지하고 배포 과정을 자동화할 수 있습니다.CI/CD - 지속적 통합 Continuous Integration / 지속적 배포 Continuous Deployment, Continuous Delivery지속적 통합, 제공 및 배포를 포함한 앱 개발 단계를 자동화하는 방법을 말한다.유연성GitHub Actions는 워크플로우를 정의할 수 있는 YAML 파일을 제공하므로 다양한 이벤트에 반응하도록 쉽게 설정할 수 있습니다. 예를 들어, 코드 푸시, 풀 리퀘스트 생성, 이슈 발.. 2024. 10. 3.
[React] 깃허브 : 사이트 배포하기 깃허브 배포 관련 공식 문서배포 제공 : 배포 REST API를 사용하여 서버 및 타사 앱과 상호 작용하는 사용자 지정 도구를 빌드할 수 있습니다. API, REST API 란? API : Application Programming Interface응용 프로그램에서 사용할 수 있도록 운영체제나 프로그래밍 언어에서 제공하는 기능을 제어할 수 있게 해주는 인터페이스 (인터페이스 : 사람과 사람, 사람과 사물 또는 기기를 연결하는 것)즉, 어플리케이션 간 지정된 형식으로 요청과 응답을 할 수 있도록 연결하는 것을 말함. REST API인터넷 식별자 URI 와 HTTP를 기반으로 하며, 브라우저 간 호환성이 좋은 JSON 형식을 주로 사용하며,각 요청이 어떤 정보나 동작을 위한 것인지 모습 자체만으로 추론이 가.. 2024. 10. 1.
[깃허브] README.md tree 작성 방법 1. cmd 창 명령어 x86_64 Homebrew 설치/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"  환경변수 설정 : Homebrew Path 추가echo >> /Users/[유저이름]/.zprofileecho 'eval "$(/usr/local/bin/brew shellenv)"' >> /Users/[유저이름]/.zprofileeval "$(/usr/local/bin/brew shellenv)" tree 설치arch -x86_64 brew install tree  프로젝트 root로 이동tree > [파일명].txt파일 만든 다음 open [파일명].txt 해서 붙이면 된다... 2024. 10. 1.
[PyTorch] 에어 M1 파이토치(PyTorch) 설치 구직 사이트를 보면 파이토치가 보이던데 어떤 건지 궁금해서 일단 설치.이 노트북 생각보다 설치 제약이 너무 많다,, 파이토치란딥 러닝과 기계 학습을 위한 오픈 소스 프레임워크- Python 기반의 과학 계산 패키지인 토치(Torch)를 기반으로 개발됨- 텐서 연산과 자동 미분을 위한 기능을 제공하여 신경망 모델의 구성, 학습, 추론을 쉽게 구현할 수 있다. 파이토치 설치참고 : bolero2.log Apple Silicon(M1) 에 Anaconda & PyTorch 설치하기 + 성능 측정M1 macbook에 Anaconda native와 pytorch native 설치 및 속도 비교velog.io 준비사항 : '아나콘다' 지만, 나는 이미 깔려있기 때문에 따로 적어놓지는 않았다.사이트: https://.. 2024. 9. 3.

티스토리툴바