DalpangLOG

React - useState, conditional rendering, Fragment

Vue3에서 웹 화면에 변경 되는 반응형 값에 ref, reactive를 사용하듯이,React에서는 useState를 사용해 변경감지를 한다.useStateimport {useState} from 'react';function ExampleApp() { const [selectedTopic, setSelectedTopic] = useState('Initial Value'); fuction handleUserSelect(selectedValue) { setSelectedTopic(selectedValue) } ... {selectedTopic}}React에서 앞에 'use' prefix가 붙은 것들은 react hooks에 속한다.useState Rule..

[DevOps] 무중단 배포 전략

서비스를 만들고 나면, 서비스를 사용자들에게 제공하기 위해 배포라는 단계를 거쳐야한다.현재는 많은 서비스 업체들이, 클라우드 서비스를 사용하면서 무중단 배포 를 사용하고 있다.이를 통해 서비스를 내리지 않고, 배포 중에도 서비스를 제공할 수 있다.현재 많이 언급되는 무중단 배포 전략에는 다음 세가지 방법이 있다.RollingBlue-GreenCanaryRolling 배포파드가 여러개인 경우, 하나씩 순차적으로 새로운 이미지로 배포 되도록 하는 방식다운타임을 최소화한다는 점이 장점으로 꼽히며, 마이너한 버그 픽스 정도의 배포시에 사용하기좋다.만약 배포 중에 사용자가 서비스에 접근하게 될 경우, 구, 신버전의 어플리케이션중 어느 서비스에 접속 될지 모른다는 단점이 있다.모든 파드가 새로 배포 되기까지 blu..

Library - React 기본구성

프론트 페이지는 index.js 파일로부터 로딩 되기 시작한다.React 프로젝트의 경우, index.html 파일에서, 리액트 파일 확장자인 jsx로 만들어진 index.jsx 파일을 임포트 하며 시작된다.Index.jsx 파일은 웹 어플리케이션을 export 하고있는 App.jsx 파일을 import 하고 있다.Index.jsx 파일이 앱의 진입점.  개발자가 추가하는 커스텀 컴포넌트는 결과적으로 html 태그로 변환되어 사용된다.때문에, 커스텀 컴포넌트를 만들어서 사용할때는 이름 충돌이 일어나지 않도록, Uppercase로 시작하도록 해야한다.Props리액트 함수에서는 하나의 prop만 받으며 일반적으로 props라는 명칭으로 사용한다.단, 하나의 값만 받을수 있는게 아니라 prop이라는 객체로 ..

jekyll로 github.io 블로그 만들기 - 7 (fix: build error 수정)

https://dalpanglog.tistory.com/127 jekyll로 github.io 블로그 만들기 - 6https://dalpanglog.tistory.com/126이제 새로운 포스트를 작성해보자!_post 디렉토리 하위에, 새로운 파일을 생성한다.일반적으로 가장 자주 사용되는 파일 확장자는 markdown과, html 이다.여기서는 markdown으dalpanglog.tistory.com 여기에 이어서 오늘 깃허브를 들어가봤더니, 빌드가 제대로 안되고 있다는것을 알게 되었다.깃허브 내에서 빌드 에러 로그를 찾아보니,  기존에 지정했던 테마를 못찾는것으로 보였다.찾아보니 _config.yml파일에 적은 theme대신 remote_theme을 지정 해야하는것으로 보였다. (참고 : https:/..

jekyll로 github.io 블로그 만들기 - 6

https://dalpanglog.tistory.com/126 jekyll로 github.io 블로그 만들기 - 5https://dalpanglog.tistory.com/125 파일 및 디렉토리 구조를 볼수 있는 사이트https://jekyllrb-ko.github.io/docs/structure/ Directory StructureA basic Jekyll site usually looks something like this:jekyllrb.com 기본적으로 이제 작성dalpanglog.tistory.com 이제 새로운 포스트를 작성해보자!_post 디렉토리 하위에, 새로운 파일을 생성한다.일반적으로 가장 자주 사용되는 파일 확장자는 markdown과, html 이다.여기서는 markdown으로 생성해..