GitHub Actions를 사용하여 CI/CD(지속적 통합 및 지속적 배포) 파이프라인을 설정하는 워크플로우# 워크플로의 이름 지정name: CI/CD#워크 플로가 시작될 조건 지정on: push: branches: [ main ]jobs: build: runs-on: ubuntu-latest #실행환경 지정 #실행 스텝 지정 steps: - uses: actions/checkout@v3 - uses: actions/setup-java@v3 with: distribution: 'corretto' java-version: '17' # 실행 권한 부여 - name: Grant execute permissio..

https://epiclounge.co.kr/unrealfest24.php?utm_source=griff_db&utm_medium=click_newsletter&utm_campaign=egk_unreal_fest_2024_seoul&utm_content=register&utm_term=808 UNREAL FEST 2024 | SEOUL언리얼 페스트(UNREAL FEST)는 '언리얼 서밋'의 새로운 글로벌 브랜드입니다.epiclounge.co.kr 최근 비교적 시간적 여유가 생겨, 다양한 개발 분야에 대해 알아보던 중 좋은 기회로 언리얼 페스트에 참가하게 되었다.온라인으로 무료로 시청할 수 있었지만 직접 현장의 분위기를 느끼고 싶어서 오프라인 행사에 참석해 보았다.언리얼 페스트는 언리얼 엔진과 에픽게임즈의..

OAuth란?OAuth란 Open Authorization의 줄임말으로, 정보의 접근 권한을 부여할 수 있는 개방형 표준OAuth 용어 정리리소스 오너 (resource owner)인증 서버에 자신의 정보를 사용하도록 허가하는 주체. 서비스를 이용하는 사용자가 리소스 오너에 해당리소스 서버 (resource server)리소서 오너의 정보를 가지며, 리소스 오너의 정보를 보호하는 주체를 의미. 네이버, 구글, 페이스북이 리소스 서버에 해당인증 서버 (authoriazation server)클라이언트에게 리소스 오너의 정보에 접근할 수 있는 토큰을 발급하는 역할을 하는 애플리케이션클라이언트 애플리케이션 (client application)인증 서버에게 인증을 받고 리소스 오너의 리소스를 사용하는 주체를 의..

프로젝트 동작 과정:1. Spring Boot 프로젝트의 `static` 디렉토리에 Vue.js 프로젝트를 빌드한 결과물을 생성합니다.2. 사용자가 웹 페이지에 접속하면, Spring Boot 프로젝트 내의 `static` 디렉토리에 있는 Vue.js 빌드 결과물이 실행됩니다.  조건:Spring 프로젝트와 Vue 프로젝트는 같은 폴더 안에 위치해야 합니다.프로젝트 구조:project├── spring└── vue  vuevite.config.js build: {// 빌드 결과물이 생성되는 경로 outDir: '../spring/src/main/resources/resources/static' }, server: { proxy: { '/api':..

vue/cli 설치하기 $ npm install -g @vue/cli $ vue --version ⁉ 문제사항 문제 - vue 를 설치했지만 찾을 수 없다고 함. 확인 $ npm list -g @vue/cli /Users/desktop/.npm-global/lib ├── @vue/cli@5.0.8 └─┬ clear@ -> ./ └── @vue/cli@5.0.8 deduped vue cli 설치경로를 확인해준다. 설치경로를 확인 후 환경변수를 등록해준다 해결 - 환경변수 등록해주기 $ vi ~/.zshrc # 추가 export PATH="/Users/desktop/.npm-global/bin:$PATH" $ source ~/.zshrc 다시 뷰버전을 확인하여 환경변수가 등록이 되었는지 호출이 되었는지 확인..

풀리퀘스트라는 기능은 알고 있었지만 활용해서 개인이나 팀 업무에 진행해본 경험이 없어 아쉬운 찰나 이렇게 배우면서 활용해볼 수 있는 기회가 생겨 기쁘게 수업을 듣고 있다.   풀리퀘스트와 관련하여 선생님께서 한분의 일화를 이야기해주셨다.이야기를 듣고나니 성실함, 리액션, 커뮤니케이션 등의 중요성을 느꼈다. 개발은 혼자하는게 아니라 팀과의 소통, 협업을 다시금 깨닫는 계기였다. 맞지맞지.     그렇기에 나도 따라서 아파치 레포를 찾아보았다.이전에 자바 수업하면서 들어본 maven 레포지토리를 방문했다.  https://github.com/apache/maven/pulls GitHub - apache/maven: Apache Maven coreApache Maven core. Contribute to ap..

Intro 페이지 리뉴얼을 담당으로 진행하였다. 오픈 후에는 구글 웹페이지 속도 측정 도구를 이용하여 페이지 성능을 검증해보았다. 검증 결과를 토대로 개선이 필요한 사항들을 파악과 해결 후 기록 Google Page Speed Insights 데스크톱 및 모바일에서 웹페이지 사이트 성능을 테스트하기 위한 도구 📌 문제점 이미지 로드가 오래걸린다는 문제가 확인되었다. 현재 문제가 되는 이미지는 png 파일형식으로 크기도 꽤 큰 편이였다. 불필요한 파일 소스들이 많다는 점도 문제가 되었다. ✔ 개선사항 체크하기 문제를 개선하기 위해 jpg, png 이미지들을 .webp 이미지로 교체하기로 하였다. .webp란 이미지 품질은 그대로 유지하면서도 다른 파일형식과 비교하여 더 낮춰서 저장할 수 있다. 이에 적극적..

코딩애플 next js 강의 들으면서 기록함 👀 Next js 풀스택 프레임 워크 (프론트 + 백) 리액트 문법을 기반으로 함 최신버전에서는 파일과 폴더를 만들면 자동으로 html 페이지 생성 클라이언트 사이드 렌더링 기능 가능 이미지 최적화 폰트 등등 훨씬 더 편리하게 but 큰 프로젝트 시 복잡한 폴더파일들 컴포넌트들이 엄청 많아짐 그냥 html렌더링만 잘하는 📌설치하기 next.js 13.2.4 버전 node js LTS 설치 18 버전 이상 npx create-next-app@latest --experimental-app 프로젝트 이름을 정한 후 TypeScript/ESLint/Tailwind/src 디렉토리 등 사용여부를 확인한다. (나는 모두 no) ✔ next 13.2.4 로 진행 npm r..