# action

77개의 포스트
post-thumbnail

GitHub Action Doc Study

GitHub Actions: 단계별 빠른 시작 및 주요 개념 1. 빠른 시작 준비 단계 GitHub에서 테스트용 Repository 생성 .github/workflows 디렉터리가 없다면 생성한다. GitHub에서 제공하는 Yaml 파일 내용을 복사한다. 커밋을 생성하고, 새로운 브랜치를 이 커밋에 대해 생성한다. 워크플로 결과 확인 Action 탭에서 결과를 확인할 수 있다. Job - explore-github-actions을 통해 상세한 작업을 탐색할 수 있다. 트러블슈팅 .github 경로 없이 설정할 경우 Action 탭에서 아무 결과도 보이지 않음을 확인했다. 2. GitHub 작업 이해 기능 배포 빌드 테스트 구성요소 워크플로우: 자동화된 일련의

2일 전
·
0개의 댓글
·
post-thumbnail

Github Actions

Github Actions 코어 개념 Workflow: 자동화된 전체 프로세스를 나타낸 순서도 → 하나 이상의 Job으로 구성, Event에 의해 예약되거나 트리거 될 수 있는 자동화 절차 → Github에게 YAML파일로 정의한 자동화 동작을 전달하면, Github Actions는 해당 파일을 기반으로 그대로 실행 Event: workflow 실행 기준 → cron과 같이 시간에 따라 작업을 실행하게 할 수도, git push / pull-request 등의 GIthub Repository 이벤트를 기준으로 실행하게 할 수도 있다 Job: 그룹의 역할 → 여러 Step으로 구성, 단일 가상 환경 제공 → 다른 Job에 의존 관계를 가질 수도 있고, 독립적으로 병렬로 실행될 수도 있음 → 필수적으로 정의해야 할 속성: runs-on과 step Step: Job안에서 순차적으로 실행되는

3일 전
·
0개의 댓글
·
post-thumbnail

[TIL] Unity - Action - day 45

🐧 들어가기 앞서 오늘은 Unity Eduacation을 여러 개 듣고, 이전에 만들던 TopDownShooting 게임 강의를 새로 듣게 됐다. 또한 Event, Action에 대해 배울 수 있었다! 🐧 오늘 배운 것 Observer Event Action Scriptable Object Obeject Pool 🐧 기억할 것 & 진행 Observer 옵저버 -> 관측자 무슨일이 벌어지고 있는지 지속적으로 체크하는 역할. 즉, 하나의 감시자를 통해 행동을 감시해서 처리하는 것을 옵저버 패턴이라고 한다. 옵저버에 미리 연락을 취함 -> 구독 구독을 한 함수에게만 행동을 알려준다. Event 델리게이트의 한 종류다. 옵저버 패턴과 유사하게 활용할 수 있다. 기본 구조 event 구조 event는 구독 기반의 로직에 주로 이용된다. 간단하게, 이벤트를 등

6일 전
·
0개의 댓글
·

Redux에서 연속적인 Action의 발생을 지양해야하는 이유?

리덕스의 스타일 가이드를 보면 "연속적으로 많은 액션들의 디스패치하는 것을 피하자" 라고 명시되어 있다. 거대하고 개념적인 트랜잭션 형태의 업데이트를 수행하기 위해서 줄줄이 액션을 디스패치하는 것을 피하자고 한다. 이유가 뭘까? UI 업데이트 비용 디스패치 되는 액션이 스토어를 구독(Subscribe)하고 있는 모든 콜백함수를 실행시킬 수 있고, UI 업데이트를 발생 시키기 때문에 비용이 발생한다. 퍼포먼스 감소 리액트의 이벤트 핸들러들로부터 큐잉된 UI 업데이트는 보통 단일 리액트 렌더링으로 일괄처리되지만, 외부에서 큐잉된 업데이트는 그렇지 않다. 이런 경우는 대부분 async 함수들, 타임아웃 콜백 함수들, 리액트가 아닌 코드를 포함한다. 이런 상황에서 각 디스패치가 끝나기 전에 동기적인 리액트 렌더링을 발생시키는데, 이는 퍼포먼스 감소로 이어진다. 불완전한 상태 거대한 트랜잭션

2023년 8월 27일
·
0개의 댓글
·
post-thumbnail

상태 변화 로직 분리 (useReducer)

useReducer란? > 복잡하고 많은 상태 업데이트 로직을 가지고 있는 컴포넌트에서 코드가 길어지고 복잡해지는 것이 좋지 않기 때문에 복잡하고 긴 상태변화 로직을 컴포넌트 밖으로 분리하는 기능이다. useState처럼 React의 상태관리를 돕는 Hooks 중 하나이다. useReducer를 이용하면 상태변화 로직들을 컴포넌트에서 분리하여 컴포넌트를 더 가볍게 작성할 수 있게 도와준다. 복잡한 컴포넌트 형식 상태변화 로직을 많이 갖고있는 useState로 작성된 컴포넌트이다. 📍useReducer 이용해 상태변화 로직 분리한 컴포넌트 useReducer는 useState처럼 사용할 수 있다. 📌 기본 공식 : **const [state, dispatch] =

2023년 8월 24일
·
0개의 댓글
·
post-thumbnail

멋쟁이 사자처럼 11기 해커톤 - React Router v6.4 적용기

React Router 들어가기 전에 > 더욱 더 강력해진 React Router React Router v6.4가 업데이트되었다는 소식을 전해듣고, 이번 해커톤에서 v6.4를 적용시켜 SPA를 구현하였습니다. 이번 v6.4를 업데이트를 통해 React Router는 그저 라우팅 기능만을 하는 단순한 라이브러리가 아닌, View와 Logic을 분리할 수 있게 해주는 아주 강력한 도구가 되었다는 것을 깨닫게 되었습니다. 오늘 저는, 제가 프로젝트 진행 간에 알게되었던 것들에 대한 이야기를 해볼까 합니다. React Router React Router는 React를 사용하는 개발자라면 대부분이 아실테고, 거의 모든 프로젝트에서 사용하고 있을 거라고 생각합니다. 저는 거의 모든 프로젝트

2023년 8월 24일
·
0개의 댓글
·
post-thumbnail

[redux 1탄] 올게 왔다. Redux 다. 질문은 거절한다✋.

리덕스(Redux) > ### '자바스크립트' 애플리케이션을 위한 상태관리 라이브러리 리액트 하면 리덕스 아는거 아니요? 아니요😳?? 아닌데요😳?? 이거는 자바스크립트하면 알아야죠. '자바스크립트 애플리케이션을 위한' 상태관리 라이브러린데 하지만 나도 몰랐음..데헷 됐다. 리덕스 쌉가능 이쯤되면 지겹다. ⭐'상태관리'⭐ 하지만, 그만큼 최적화! 최적화! 최적화! Context API, useReducer을 이용해서 상태관리? 가능했지. 하지만 규모가 큰 프로젝트에서는? (난, useState만 으로도 좋음..) 여러 종류의 상태를 하나의 객체

2023년 8월 16일
·
0개의 댓글
·

JSP - eclipse

업로드를 실행시켜줄 파일들 이미지 담을 가상의 폴더 Fileupload1 form 필수추가 cos.jar/method=post/enctype="multipart/form-data" 는 업로드 도우미 역할로 필요한 파일 pc에 있는 다른 이미지를 가져와서 업로드 하는 것 / enctype은 fileupload에서 필수 action 경로 save파일에는 업로드 되지 않고 실제 업로드 되는 경로 /Users/sunghyunchoi/Desktop/sist0615/work/jspwork/.metad

2023년 8월 7일
·
0개의 댓글
·

FES7 8월 목표와 액션

GOAL 지난 글에 이어서 이번에 8월의 목표와 액션에 대해서 생각을 해봅니다! 먼저 KPT로 나온 action item을 가지고 왔습니다. action items 기록을 잘한다의 기준을 최소 5가지를 잡고, 그 기준에 맞춰서 스스로를 평가해본다. 평가 결과를 토대로 앞으로 개선해 나가면 될 일!! 해빗 트래커를 작성한다. 커피 요가 투두리스트 등 기본적인 습관들에 대해서 해빗 트래커를 작성 해보자! 일주일에 기능 하나씩 구현해보자. 이어지지 않더라도 좋고, 프로젝트에 들어갈 거라도 좋다. 개인적으로 공부하는 내용을 코드로 남기자! 여기에서 역으로 8월 목표에 대해서 생각을 해봅니다. GOAL 무언가를 잘한다는 기준과 기준을 토대로 본 내 현재 상태

2023년 8월 6일
·
0개의 댓글
·
post-thumbnail

0802

Simplify JDBC of OracleSQL to JSON OracleSQL Process oracle 통해 DB에 테이블(shop) 생성 아래는 생성된 테이블의 결과 DBConnect를 위한 클래스와 메서드 가져오기(생략/0801에서 찾기) JSP Process import 받은 java 클래스 DB의 모든 데이터를 json의 배열에 담아야 하므로 select * 명령문 사용 이를 위해 ResultSet 클래스 필요 Statement와 ResultSet 클래스 생성 기존 방식(0801)으로 DB의 데이터를 json의 배열로 변환하기 위해서는 “”(따옴표)와 \”(escape 문자)를 이용해 배열의 구성을 수작업으로 구현해야 함

2023년 8월 2일
·
0개의 댓글
·
post-thumbnail

JSP - eclipse/oracle

JSP Project 사전작업 및 설명 DTO(Data Transfer Object) 특정테이블의 정보를 단위별로 정의한 클래스 특정변수와 setter,getter로만 이루어짐 DAO(Data Access Object) 데이타베이스에 접속,명령전송전담 클래스(메서드) DB CRUD 1.db생성 2.dto 3.dao 4.form.jsp 입력폼 5.action.jsp : 데이타를 읽어서 db에 저장한후 목록으로 이동 6.list.jsp JspProject 추가 JspProject -> WEB-INF -> lib -> ojdbc11.jar 추가 src/main/java -> oracle.db 패키지 생성 -> DBConnect.java 추가 패키지에 . 찍는 이유는 처음부터 끝으로 통해서 가겠다라는 표시 다른 친구 정리(CRUD) SinsangDto.java - 데이터베이스에서 받아올 각각의 데이터의 대한 변수와 set, get

2023년 8월 2일
·
0개의 댓글
·
post-thumbnail

JSP - eclipse

Include 기본 헤더 푸터 등등 나뉘어져 있는 것을 하나로 합칠 때 주로 사용함 본문 Include 1 tag 부분 include는 헤드 푸터 등등 여러 파일을 합칠때 주로 사용 include는 값을 보내고 다시 받아온다 즉 여기서 실행해야 출력잘되고 oneInclude에서는 출력안됨 (출력된 url 주소창을 보면 확인 가능) 전달값을 보내고 받을 예정이라 닫는 태그 밑으로 내리기 include 부분 tag include include 2 tag include Forward include와 다르게 forward는 값을 보내기만하고 받지는 않음 실행은 똑같이 tag에서 하지만 출력은 Forward에서만 가능 즉 threeForward에 있는 값만 출력됨(tag 부분쪽 출력x) tag forward forward 2 tag forward For

2023년 7월 31일
·
0개의 댓글
·

React Redux

Redux는 JavaScript 앱을 위한 상태 관리 라이브러리로서, 특히 React와 함께 많이 사용됩니다. Redux는 앱의 상태를 하나의 중앙 저장소(Store)에 저장하고, 이를 효율적으로 관리하여 예측 가능하고 유지 보수가 용이한 상태 관리를 가능하게 합니다. Redux의 핵심 원칙: 1. 단일 소스의 진실(Single Source of Truth): Redux는 앱의 상태를 하나의 중앙 저장소에 집중시킵니다. 이 저장소는 앱에서 사용되는 모든 상태를 포함하며, 전역 상태(Global State)라고도 합니다. 이로 인해 상태 변화를 추적하고 디버깅하기가 간편해집니다. 2. 상태는 읽기 전용(Immutable): Redux는 불변성(Immutability)을 강조합니다. 즉, 상태를 직접 수정하는 것이 아니라 새로운 상태를 생성하여 업데이트해야 합니다. 이로 인해 상태 변화를 추적하고 디버깅하기가 쉬워지며, 예측 가능한 상태 관리를 도와줍니다. __3.

2023년 7월 22일
·
1개의 댓글
·
post-thumbnail

Git Actions Self-Hosted-Runner

✏️ Git Organizations git hub 는 개인 repository 뿐만아니라 팀프로젝트를 위해 권한을 나눠가지거나, 양도할 수 있는데 Organizations repository 서비스도 제공하고있다. Organizations 은 팀프로젝트를 수행하기에 적합하지만, 그 중에서도 서버가 많은 MSA 를 효율적으로 관리하기 좋다. 📍 Actions Runner Git Actions 에서 제공하는 Runner 는 배포를 위해 대여한 서버를 repostiroy 와 연결시켜주고, workflow 에 작성된 명령을 수행해주는 자동배포에 필수적인 절차이다. Organizations 에 포함된 repository 는 각각 runner 를 연결시키는 것이 아닌, Organizations 에서 한번에 원하는 repository 를 연결시킬 수 있는 기능을 제공한다. ✏️ Organizations Self-Host-Runner 적용하기 �

2023년 7월 22일
·
0개의 댓글
·

Lamda식 과 대리자 추가내용

Lamda식 우리가 코드를 만들다 보면 일일이 확인하는 함수를 만든다거나 찾는 함수를 만들 때가 있는데 이러한 함수들은 찾는것에 종류등에 따라 여러개 만들어야할 수 있는 상황이 생긴다. 그래서 종류에따라 함수들을 만들면 너무 비효율적인데 이러한 상황에서 사용할 수 있는 문법이 Lamda식이다. 간단히 Lamda식을 설명해보자면 일회용 함수를 만드는데 사용하는 문법 ==> 함수를 일일이 만들지않고 빠르게 만드는 방법 코드로 예를 들자면, 1.Item 클래스 존재 1-1. 종류:Weapon,Armor,Amulet,Ring 1-2. 희귀도: Normal,Uncommon,Rare 2.메인함수 2-1.Item의 리스트 2-2.Item의 delegate 2-3.FindItem 함수 2-4.메인함수 익명함수,람다식 또한,일회용 함수도 재사용이 가능하다. 위에 방법처럼 대리자를 이용하여 사용할 인자를 넘겨줄 함수의

2023년 7월 11일
·
0개의 댓글
·
post-thumbnail

[React] Redux 01

🔹 react-redux 라이브러리 설치 > yarn add redux react-redux 🔹 프레젠테이셔널 컴포넌트 / 컨테이너 컴포넌트 분리 리액트 프로젝트에서 리덕스를 사용할 때 주로 사용하는 패턴(필수는 X) 프레젠테이셔널 컴포넌트는, => 주로 상태 관리가 이루어지지 않고, => 그저 props를 받아와서 화면에 UI를 보여주기만 하는 컴포넌트 컨테이너 컴포넌트는, => 리덕스와 연동되어 있는 컴포넌트로, => 리덕스로부터 상태를 받아오기도 하고 리덕스 스토어에 액션을 디스패치하기도 함 🔹 일반적 리덕스 코드 작성법 리덕스 사용에는 액션 타입, 액션 생성 함수, 리듀서 코드를 작성해야함 가각 다른 파일에 작성하거나 기능별로 묶어 파일 하나에 작성하는 방법도 있음 가장 일반적인 구조는, => actions, constants, reducers라는 세 개의 디렉터리를 만들

2023년 7월 1일
·
0개의 댓글
·
post-thumbnail

AWS Workshop - EKS로 웹 애플리케이션 구축(2)

1편은 여기로 이어서 진행 합니다 6. Fargate 배포하기 컨테이너에 적합한 서버리스 컴퓨팅 엔진 AWS ECS, EKS에서 모두 동작 pod를 배포하기 위해서는 pod가 실행될때 하나 이상의 fargate profile을 정의해야 함 fargate 생성 및 확인 ![](https://velog.velcdn.com/images/dotlike/post/4c944954-ca08-4473-9347-7016acb2d933/image.

2023년 6월 28일
·
0개의 댓글
·
post-thumbnail

[blazor] 부모 자식 컴포넌트끼리 데이터 교환

강의제목 : 10. ParentChild_부모 컴포넌트에서 자식 컴포넌트로 또는 그 반대로 데이터 주고 받기 > 부모 컴포넌트에서 자식 컴포넌트 호출 부모 컴포넌트에서 자식 컴포넌트로 데이터 전송 자식 에서 부모로 데이터 전송 Action 대리자 사용 하여 call back 함수 전달. 페이지 작성 1.부모 페이지 > FrmChild 를 호출 하며 호출시 parameter를 전송 할 수 있다. OnParentCall 매개변수가 없는 메소드 전송 SendPageNumber int 매개변수를 받는 메소드 전송 해당 메소드를 전송하여 자식폼에서 매개변수 실행시 page번호를 넣어 부모에게 전송 할 수 있다. FrmParent.razor 2. 자식 페이지 > fromParentData 부모에서 매개변수로 int값을 받음. OnParentCall 부모에게 매개변수가 없는 메소드를 매개변수로 받음. Send

2023년 6월 25일
·
0개의 댓글
·

state,action

reducer함수를 만들고 state와 action을 콘솔로 찍어보았다. 최초로 무조건 한번 실행되기에 state는 undefined가, action에는 type: 이렇게 하고 이상한 문자가 찍힌것을 볼 수 있다. 이번에는 fire라는 버튼을 클릭해 store.dipatch를 실행해 state를 업데이트 해보자 const store = Redux.createStore(reducer) onclick함수에 sore.dispatch({type:"CHANGE_COLOR", color:"red"}) 이런식으로 작성해 넣어주는데, 이때 dispatch라는 함수가 실행되며 객체가 들어가는것을 볼 수 있는데 여기서 type이라는 것은 반드시 들어가야하는 요소이다!! 그다음 변경할 키, 값을 넣어주면 된다. 그리

2023년 6월 11일
·
0개의 댓글
·
post-thumbnail

Docker와 Github Action 을 이용해 CI/CD

Docker 란? Docker란 무엇입니까? - AWS 공식문서 Github 란? 깃허브GitHub는 분산 버전 컨트롤 소프트웨어 깃Git을 기반으로 소스 코드를 호스팅 하고, 협업 지원 기능들을 지원하는 마이크로소프트Microsoft의 웹서비스입니다. 2020년 현재 가장 인기 있는 소스 코드 호스팅 서비스이자 소프트웨어 개발 플랫폼이다. CI / CD 란? CI/CD (Continuous Integration/Continuous Delivery)는 애플리케이션 개발 단계를 자동화하여 애플리케이션을 더욱 짧은 주기로 고객에게 제공하는 방법입니다. CI/CD의 기본 개념은 지속적인 통합, 지속적인 서비스 제

2023년 5월 31일
·
0개의 댓글
·