본문 바로가기

전체 글

(5)
Github Actions 특정 이벤트가 발생했을 때 내가 원하는 일을 자동으로 수행할 수 있게 만들어주는 툴 Events 어떤 일이 발생했는지를 지정 (main 브랜치로 머지했을 때, 커밋을 푸시했을 때, 이슈를 누군가 열었을 때) on: push Workflows 특정 이벤트가 발생했을 때 수행할 작업(자동화할 작업)을 명시 push라는 event가 발생하면 workflow에 지정된 것들이 수행됨 Workflow 안에는 Job이 있음 Jobs 하나 또는 다수의 jobs - 병렬적, 동시다발적으로 jobs가 실행됨 or 순차적으로 진행하도록 만들 수 있음 run unit tests run E2E tests Job 안에는 steps가 있음 기본 명령어 - npm test, … action 명령 - action checkout, a..
CI/CD CI/CD는 개발 프로세스 CI/CD(CI CD, 지속적 통합/지속적 배포): 개념, 툴, 구축, 차이 CI (Continuous Integration) 버그 수정이나 새로 만드는 기능들이 main repository에 주기적으로 빌드되고 테스트되어서 merge되는 것 코드 변경 사항을 주기적으로 빈번하게 (main에) merge해야 한다 한번에 많은 merge conflict를 해결하는 것은 비효율적이고 문제가 생길 수 있기 때문 기능을 작은 단위로 나눠서 개발하고 통합(반영)해야 한다 통합을 위한 단계(build, test, merge)의 자동화 주기적으로 merge된 코드의 변경사항이 자동으로 빌드되어서, 코드 변경사항 이후에도 빌드가 성공적으로 되었는지 확인되어야 함 새로 추가된 코드의 변경사항뿐..
1 useState [state, setState] = useState(arg) state: 현재 변수 setState: 해당 변수를 갱신해주는 함수 state 변수를 useState() Hook이 넘겨주는 인자값으로 초기화 해당 변수를 리렌더링할 때 기억, 가장 최근에 갱신된 값을 제공 setState 함수 호출을 통해 state 변수의 값을 갱신 기본적으로 상태(useState)로 만들면 안되는 것들 1. 기존 상태를 활용해서 만들 수 있는 것 2. props를 활용해서 만들 수 있는 것 구조분해할당 const countState = useState(0); const count = countState[0]; const setCount = countState[1]; ----------------------..
node 모듈 노드는 코드를 모듈로 만들 수 있다는 점에서 브라우저의 자바스크립트와는 다르다. 모듈이란 특정한 기능을 하는 함수나 변수들의 집합이다. 모듈을 만들 때는 모듈이 될 파일과 모듈을 불러와서 사용할 파일이 필요하다. [노드 내장 객체] process.env 시스템의 환경변수. process.env는 서비스의 중요한 키를 저장하는 공간으로도 사용된다 - 서버나 데이터베이스의 비밀번호, 각종 API 키 const secretId = process.env.SECRET_ID; const secretCode = process.env.SECRET_CODE; process.env에 키 값을 넣은 방법은 운영체제마다 상이하지만, dotenv를 사용하여 한 번에 모든 운영체제에 동일하게 넣을 수 있는 방법이 있다. p..
ES2015+ 리터럴: 코드 규칙에 따라 표현된 값. 값을 표현하는 방식. 비구조화 할당 const example = {a: 123, b: {c: 135, d: 146}}; const a = example.a; const d = example.b.d; -> 비구조화 할당을 하면 const {a, b: {d}} = example; arr = [1, 2, 3, 4, 5]; const x = arr[0]; const y = arr[1]; const z = arr[4]; -> 비구조화(구조분해) 할당을 하면 const [x, y, , , z] = arr; 객체는 키가 똑같아야 하고 배열은 자리(순서)가 똑같아야 한다. this를 사용하는 경우 비구조화 할당을 하면 문제가 생긴다. (this는 함수를 호출할 때 어떻게 호출되었..