본문 바로가기
728x90
반응형

분류 전체보기173

[Azure] AKS를 이용해서 서버 배포하기 (1) 컨테이너 레지스트리 만들기 0. Azure CLI 설치하기 brew update && brew install azure-cli 설치 후 az --version으로 설치 되었는지 확인하기 1. Azure Container Registry 만들기 저는 CLI 대신 포털을 이용해서 만들어주었습니다. 우선 Azure에 접속한 다음 Create a resource > Containers > Container Registry의 Create를 눌러주세요. Resource group 이름과 Registry name 그리고 SKU를 Bascic(기본)으로 해주세요. 그 다음 Review + create (검토 + 만들기)를 눌러주시고 문제가 없다면 설정 검토한 후 만들기를 누르면 끝입니다. 2. 컨테이너 레지스트리에 로그인 az acr login.. 2022. 8. 2.
[JS/문법] 비구조화 할당(구조분해) const object = { a: 1, b: 2 }; const { a, b } = object; 리액트를 배우면서 가장 신기했던 문법이 비구조화 할당 문법이었습니다. 비구조화 할당 문법을 사용하면 객체 안에 있는 값을 추출해서 변수 혹은 상수로 바로 선언해줄 수 있습니다 ❗️ const object = { a: 1, b: 2 }; function print(props) { console.log(props.a); // 1 console.log(props['b']); // 2 } 본래 비구조화 할당 문법을 몰랐을때는 위 코드처럼 파라미터를 사용했습니다. 인제 객체에 접근해서 값을 가져올때 . 혹은 [ ] 대신 비구조화 할당으로 바로 가져올 수 있습니다. const object = { a: 1, b: 2 .. 2022. 8. 1.
[React] 리액트 이해하고 사용하기 (2) useState() 이용해서 리렌더링 하기 const root = document.getElementById("root"); let count = 0; function countUp() { count += 1; }; const Container = () => ( 클릭수 : {count} 클릭 ); ReactDOM.render(, root); JSX를 이용해서 간편하게 HTML를 render해줬다. 인제 우리가 원하는 것은 버튼을 클릭하면 클릭수가 0에서 클릭한 수만큼 바뀌는 것이다. 버튼을 클릭하면 countUp이라는 함수가 동작하고 함수로 인해 count는 1씩 증가할 것이다. 그렇지만 실제로는 UI에서는 아무런 일도 일어나지 않는다❗️ 왜그럴까? 바로 리렌더링이 되지 않기 때문이다. 코드가 동작하는 것을 보면 리렌더링 즉 새로고침이 되지 않는.. 2022. 7. 30.
[React] 리액트 이해하고 사용하기 (1) JSX JSX를 모르고 리액트를 이해할 수는 없다. 리액트 공식문서에서도 맨 먼저 소개되는 개념이 JSX일 정도로 중요하다. 공식문서를 보는 것도 추천하기 때문에 아래 링크를 참고하시길. https://ko.reactjs.org/docs/introducing-jsx.html JSX 소개 – React A JavaScript library for building user interfaces ko.reactjs.org 클릭수 : 0 클릭! 순수 JS에서는 body에 HTML을 만들어준 다음 에서 기능이 동작하게 해줬다. 하지만 기능이 동작하게 하기 위해서는 document.getElementById라든지 document.querySelector라든지 HTML을 가지고 와야했다. 이 비효율적인 방식을 바꿔주는 것이 .. 2022. 7. 30.
노트 필기앱 옵시디안 Obsidian 사용법 (1) - 설치 7월 27일에 열린 우아한테크 세미나에서 옵시디안이라는 노트 필기앱을 알게 되었습니다. 우아한테크 세미나에 대해 궁금하신 분들은 제가 정리한 포스팅을 보시길 바랍니다 😎 https://bcoding-lab.tistory.com/309 [세미나] 7월 우아한테크 개발자 글쓰기- 개발자도 글을 써야한다고요?! 7월 27일 수요일에 우아한테크 개발자 글쓰기 세미나를 했습니다. 글쓰기에 관심이 많았기 때문에 꼭 시청해야겠다고 생각했습니다. 유튜브로 실시간 송출되고 바로 다시 보기를 할 수 있기 때 bcoding-lab.tistory.com 1) 설치 https://obsidian.md/ Obsidian Obsidian: A knowledge base that works on local Markdown files.. 2022. 7. 29.
[MongoDB] syncIndexes() 이용해서 변경한 index 자동 적용시키기 예를 들어, name과 category에 index를 적용시켜줬습니다. 하지만 category는 필요 없어져서 삭제시켜준 후 다시 서버를 돌린다고 하면 어떻게 될까요? 예상대로라면 name만 index 적용이 되어야 합니다. 예상과 달리 name, category 모두 index 적용이 되어있었습니다. 방법을 몰라 robo3T에 직접 들어가서 매번 Index를 삭제하고 다시 서버를 돌렸죠. 이 행위가 매우 귀찮고 mongoDB에서 알아서 Index 자동 적용시켜주면 안되나 생각했습니다. 그러던 중 syncIndexes의 존재를 알게 되었습니다 ❗️ 찾아보니 5.2.0 버전 이전에는 mongoose에서 지원을 해주지 않았다고 합니다. 하지만 5.2.0 이후부터는 synclndexes()를 프로덕션 데이터베.. 2022. 7. 28.
[Docker] 도커 물음표 아이콘 해결방법 - Docker.app 응용 프로그램이 손상되었거나 완전하지 않기 때문에 열 수 없습니다. 회사에서 이거저거 Docker를 이용해서 프로젝트 진행하다가 갑자기 Docker Desktop이 아예 꺼져버렸다 😳 그래서 다시 킬려고 보니깐 Docker에 물음표 아이콘이 생겼다..? 애플 공식 홈페이지에 이에 대한 내용이 설명되어져 있었다. 결론은 내 Docker가 삭제되어 아이콘만 남아있는 경우인 것이다..! 현실을 부정하며 응용 프로그램에 들어가서 docker를 다시 눌렀더니 이번에는 'Docker.app' 응용 프로그램이 손상되었거나 완전하지 않기 때문에 열 수 없습니다. 라는 문구를 만나게 되었다 🤯 근데 해결 방법은 매우 간단하다! 1. 물음표가 표시된 아이콘을 휴지통으로 넣어 삭제 2. 다시 도커를 설치하면 끝! 도커 설치는 https://docs.docker.com/get-docker/ .. 2022. 7. 21.
[Git] Branch 명령어 모음 (+삭제) 22.07.26 로컬, 원격 Branch 삭제 명령어 추가 22.08.18 git Branch의 local과 remote 이름이 동일하지 않을 경우 추가 22.08.22 remote에서 미리 생성할 경우 협업을 하다보면 Git Branch 관리를 잘 해줘야 할 때가 있습니다. 그동안 자주 썼던 Git Branch 명령어를 모아두었습니다. 만약 브랜치를 remote에서 미리 생성했다면 // 동기화 시켜주기 git fetch origin git checkout [브랜치이름] 브랜치 생성 동시에 체크아웃 git checkout -b [브랜치 이름] // 예시 git checkout -b test remote에 브랜치 생성 git push origin [브랜치 이름] 연동시키기 1) 로컬 저장소와 원격 저장소 .. 2022. 7. 15.
[MongoDB] Transaction 트랜잭션 개념부터 실습까지 (3) - NodeJS에 사용하기 1편 Transaction 트랜잭션 개념부터 실습까지 https://bcoding-lab.tistory.com/293?category=868268 [MongoDB] Transaction 트랜잭션 개념부터 실습까지 (1) - Transaction numbers are only allowed on a replica set member Transaction이란 예를 들어, 위 그림과 같이 4개의 데이터를 지운다고 과정을 하도록 하겠습니다. 순차적으로 작업을 하던 중 C에서 에러로 인해 데이터 삭제가 불가능한 상태가 되었습니다. C,D는 bcoding-lab.tistory.com 2편 Transaction 트랜잭션 개념부터 실습까지 https://bcoding-lab.tistory.com/298?category.. 2022. 7. 13.
728x90
반응형

티스토리툴바