일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- 자바 switch문
- 자바 조건문
- 자바 구구단 출력
- 자바 향상된 for문
- 자바 반복문
- 자바 공배수
- 조코딩
- 이클립스 DB연동
- 자바 삼항연산자
- Til
- Vue3
- 변수
- 프로그래머스
- 정보처리기사실기
- react ag grid
- 자바 스캐너
- 자바 강제 캐스팅
- 자바 for문
- 자바 자동캐스팅
- MySQL
- 자바 if문
- 타입스크립트
- 자바 while문
- 자바 public
- java
- react with typescript
- 자바
- 항해99
- 항해99 2기
- TypeScript
- Today
- Total
목록WEB/REACT (83)
뇌 채우기 공간

CI/CD란? 애플리케이션 개발 단계를 자동화하여 애플리케이션을 보다 짧은 주기로 고객에게 제공하는 방법이다. CI/CD의 기본 개념은 지속적인 통합, 지속적인 서비스 제공, 지속적인 배포 새로운 코드 통합으로 인해 개발 및 운영팀에 발생하는 문제(일명 "인테그레이션 헬(integration hell)")을 해결하기 위한 솔루션 애플리케이션의 통합 및 테스트 단계에서부터 제공 및 배포에 이르는 애플리케이션의 라이프사이클 전체에 걸쳐 지속적인 자동화와 지속적인 모니터링을 제공 CI (지속적인 통합(Continuous Integration)) "CI"는 개발자를 위한 자동화 프로세스인 지속적인 통합 여러 명의 개발자가 동시에 애플리케이션 개발과 관련된 코드 작업을 할 경우 서로 충돌할 수 있는 문제를 해결할..

참고자료 https://react.vlpt.us/basic/21-custom-hook.html 오늘은 커스텀 훅을 만들어서 사용해보겠다. 컴포넌트를 만들다보면, 반복되는 로직이 자주 발생하는데 그런 상황에 커스텀 Hooks를 만들어서 반복되는 로직을 쉽게 재상용하는 방법을 알아보겠다. //useInputs.js import { useState, useCallback } from 'react'; function useInputs(initialForm) { //파라미터로 initialForm을 받아온다. const [form, setForm] = useState(initialForm); // change const onChange = useCallback(e => { const { name, value } ..
보호되어 있는 글입니다.
보호되어 있는 글입니다.

오늘은 그동안 styled components를 사용하면서 사용해보지 않았던 기능들에 대해서 공부를 해보자 1. GlobalStyle createGrobalStyle을 import해와서 사용할 수 있다. 지금 이 스타일은 html body태그 전체에 회색으로 색지정을 해주고 있다. import React from 'react'; import { createGlobalStyle } from 'styled-components'; const GlobalStyle = createGlobalStyle` body { background: #e9ecef; } `; function App() { return ( 안녕하세요 ); } export default App; 2. CSS Selector 컴포넌트를 하나하나 따로..