일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 도커
- 인프라
- Atomic Design
- 쿠버네티스
- 배포
- Infra
- docker
- 소켓IO
- 스타일 컴포넌트
- 디렉토리이동
- methodreference
- react
- 예제
- 자동화
- backend
- 배포자동화
- 백엔드
- Kubernetes
- deployment
- 캐시
- 개발
- GHCR
- yarn-berry
- aws
- 롱 폴링
- git-hooks
- styled-components
- Atomic Design 패턴으로 페이지 만들기
- 리액트
- redis
- Today
- Total
목록전체 글 (26)
SLASH 기술 블로그
1. How to containerize your app - 앱을 컨테이너화하는 방법에 대해 알아보자. 2. Running on Kubernetes Cluster - 쿠버네티스 클러스터에서 이미지 실행하기 3. Exposing the service - 서비스를 외부에 공개하기 4. Simplifying deployment process - 배포 과정 단순화하기 이전 글에서는 작업하던 앱을 컨테이너화하는 방법을 알아보았다. 이미지를 만들었으니 도커가 지원되는 환경이라면 어디서든 배포를 할 수 있다. 이제 그 다음 단계로, 쿠버네티스 클러스터에서 이미지를 실행하는 방법에 대해 알아보자. 이전에 docker build / docker run 명령어를 통해서 실행했던 것과 조금 달라진 부분들(환경 변수 설정 등..
GitHub Container Registry가 생기고 나서 나처럼 간단하게 테스트용으로 사용해보려는 사람들이 있을 것 같은데, 사용하면서 몇 가지 주의해야할 점들이 있어서 간단하게 정리해보았다. (짧음) GitHub pacakge의 public 설정 GHCR은 이미지를 업로드하면 기본적으로 private 상태가 된다. private 이미지의 경우 무료로 사용하면 용량이나 data transfer 제한이 있기 때문에, 테스트용으로 사용하는 이미지라면 public으로 해두는 게 좋다. [GitHub 프로필] - [Packages] 탭에 들어가면 내가 올려둔 패키지 목록이 나오는데, 원하는 패키지를 클릭하고 오른쪽에 작게 위치한 [Package settings]를 누르면 패키지의 visibility를 설정할..
1. How to containerize your app - 앱을 컨테이너화하는 방법에 대해 알아보자. 2. Running on Kubernetes Cluster - 쿠버네티스 클러스터에서 이미지 실행하기 3. Exposing the service - 서비스를 외부에 공개하기 4. Simplifying deployment process - 배포 과정 단순화하기 도커나 쿠버네티스를 배우고 실제로 활용을 하려고 할 때, 도커나 쿠버네티스의 개념이나 사용법 때문에 막히기보다, 실제로는 기존 어플리케이션을 어떻게 컨테이너화시켜야 하는지, 그리고 기존에 개발 환경 / 운영 환경을 나누어서 처리했던 방법들을 쿠버네티스로는 어떻게 관리해야하는지... 이렇게 놓치기 쉬운 부분들 때문에 막히는 것 같다. 튜토리얼과 문서..
목표 이전 글에서 Atomic Design 패턴에 대해서 알아보았다. 이번에는 Atomic Design 패턴을 통해 직접 간단한 페이지 하나를 만들 예정이다. 사용한 기술 정리 [x] React.js [x] Styled-Components 시작하기 우선 시작하기에 앞서 이번 글에서는 어떤 페이지를 만들것인지 캡쳐 화면을 보고 가보자! 저번 글에서 예시로 보여줬던 화면과 비슷한 디자인으로 이미지와 같은 페이지를 만들어 볼 것이다. 조금 다른 것은 Pages단계를 보여주기 위해서 텍스트를 입력하고 SEARCH 버튼을 누르면 Content영역에 해당 텍스트가 보여지는 기능을 추가해볼 것이다. 완성된 페이지를 같이 만들어보자. Atomic 하게 구조 나누기 Atomic Design Pattern에서 가장 중요하..
얼마 전부터 nginx라는 키워드가 눈에 밟히기 시작했다. 도커를 공부하는데 보는 글마다 nginx 이미지를 쓰고 있고, 쿠버네티스의 Ingress에서는 nginx ingress controller를 쓴다고 하고.. 심지어 사이트가 죽거나 했을 때 보게 되는 502 Bad Gateway 화면에도 nginx라는 단어가 들어가있다! 사실 nginx가 통칭 HTTP 서버라는 건 어느 정도 들어서 알고 있었지만, 구체적으로 무엇을 하는 녀석인지는 몰랐다. 직접적으로 사용하지는 않는데, 남들이 다 쓰는 그 용어.. 대체 무슨 뜻인지 궁금한 사람들이 있을까 싶어, 한 번 정리해보았다. HTTP 서버, 웹 서버 nginx가 웹 서버라는 건 워낙 유명하다. 위키 백과에서도 nginx를 웹 서버 소프트웨어라고 이야기하고..