기타

[Github] Mac OS에서 Github에 프로젝트 올리기

진행했던 프로젝트의 백업 용도로 깃허브에 올리려는데, 필요한 명령어들을 순서에 맞게 쳐야하는 부분이 좀 있었어서 정리할 겸 올려본다. 1. 백업하려는 폴더 위치에서 터미널을 열어 Git 설치여부 확인 git --version을 입력했을 때 깔려있다면 다음과 같이 뜰 것이다. 사실 Mac OS는 기본적으로 가장 낮은 버전의 깃이 깔려있다고 한다. 2. 깃허브에서 프로젝트를 올릴 레포지토리 생성 GitHub: Where the world builds software GitHub is where over 83 million developers shape the future of software, together. Contribute to the open source community, manage your G..

[웹 개발] 프론트와 백에서의 CORS 문제 해결하기

웹개발을 하면서 CORS 문제를 한번씩 맞닥뜨린 경험이 있을 것이다. 오류는 프론트에서 발생하는데 결국 근본적인 해결은 백에서 해야 하기 때문에 양측 작업자가 다 해결방법을 모르는 상황이라면 실무에서 처음 마주쳤을 때 상당히 곤혹스러울 수 있다. 사실 해결하는 방법 자체가 어려운 것은 아니라서 프론트엔드나 백엔드 개발자 중 한명이라도 정책에 대해 잘 알고 있으면 생각보다 간단히 문제를 해결할 수 있으니, 원리와 해결책을 잘 알아두도록 하자. 들어가기 전 알아둬야 할 용어 출처(Origin) Scheme(Protocol), Host, port 를 합친 것. 즉, 서버의 위치를 찾아가기 위해 필요한 가장 기본적인 것들을 합쳐놓은 것. ex) https://localhost:3000 출처 내의 포트 번호는 생..

[Javascript] 비동기 처리, Promise, async/await

3장. 자바스크립트에서 비동기 처리 다루기 · GitBook 3장. 자바스크립트에서 비동기 처리 다루기 자바스크립트의 동기적 처리와 비동기 처리에 대해서 알아봅시다. 만약 작업을 동기적으로 처리한다면 작업이 끝날 때까지 기다리는 동안 중지 상태 learnjs.vlpt.us https://learnjs.vlpt.us/async/01-promise.html 01. Promise · GitBook 01. Promise 프로미스는 비동기 작업을 조금 더 편하게 처리 할 수 있도록 ES6 에 도입된 기능입니다. 이전에는 비동기 작업을 처리 할 때에는 콜백 함수로 처리를 해야 했었는데요, 콜백 함수로 처 learnjs.vlpt.us https://learnjs.vlpt.us/async/02-async-await.h..

SQL과 NoSQL의 차이, 장단점

DB 선택은 기본 설정, 비즈니스 요구사항, 볼륨, 데이터 유형에 따라 달라짐 SQL(Structured Query Language) - RDBMS(관계형 데이터베이스 관리 시스템)에서 데이터를 저장, 수정, 삭제, 검색하는 데 사용되는 언어 - 정해진 데이터 스키마에 따라 데이터를 테이블에 분산하여 저장 - 다양한 엔티티와 변수 간의 관계가 있는 구조화된 데이터 관리 시 사용 - 다중 행 트랜잭션이 필요한 응용 프로그램에 유리 - ACID 속성을 준수 - 수직 확장 가능 - 단일 서버에서 하드웨어 용량(CPU, RAM, SSD 등)을 늘려 확장 가능 - 대표 예시: MySQL, Oracle, MS-SQL, SQLite 장점: 강력한 보안, DB 트랜잭션이 ACID 속성을 준수해 안정성 보장 역할 기반 ..

websocket과 socket.io 의 차이

websocket : 양방향 소통을 위한 프로토콜. 즉, 다른 컴퓨터와 소통하기 위한 규약 - HTML5 웹 표준 기술. 그래서 클라이언트 측에서는 따로 모듈 설치할 필요 X - 매우 빠르게 작동. 통신할 때 아주 적은 데이터 이용 - 이벤트의 단순 송수신만 가능. broadcasting 하려면 클라이언트.send(데이터) 를 for문에 돌려야 함. - 연결이 끊어져도 연결을 재시도하지 않음. 연결을 복구하려면 추가로 코드 구성해야 함 - string 자료형 하나로 데이터를 주고 받음. 이벤트명도 데이터에 포함해서 받기 때문에 데이터를 parsing하는 작업(JSON.parse, JSON.stringify)이 필요함. NestJS에서는 event로 이벤트명 지정, data로 데이터명 지정하는 규약이 있음..

[Sourcetree] Bitbucket 협업 시 충돌 병합(Conflict Merge) 해결 방법

* 협업하면서 직접 해보면서 익힌 방법이라 정도가 아닐 수 있음. 기억 안 날 때 참고하기 위한 기록용 프로젝트를 하면 정식으로 반영하는 main branch, 개발하면서 메인에 올리기 전에 테스트하는 test branch 를 사용한다. 개발 중에는 test branch 에서 작업자마다 자신의 브랜치를 만들어 작업하고, 다른 작업자와 코드를 병합하며 충돌이 있을 경우 해결한다. 그런데 병합을 하다가 순서를 잘못 설정하면 detination 코드에 현재 작업한 source 코드를 올려야 하는데, source 코드에 destination 코드가 올라간다든지 해서 작업물이 잡아먹히거나 없어지는 등의 대참사가 일어나기도 한다. Bitbucket에서 협업 작업을 하면 pull request를 이용해 그런 일을 조..

Cognito 참고 자료

https://docs.aws.amazon.com/cognito/latest/developerguide/cognito-user-identity-pools.html Amazon Cognito user pools - Amazon Cognito Thanks for letting us know this page needs work. We're sorry we let you down. If you've got a moment, please tell us how we can make the documentation better. docs.aws.amazon.com 아마존에 사용자 인증을 쉽게 해주는 Cognito 라는 서비스가 있어 적용해보려고 하고 있다. 참고한 자료들을 모아보았다. https://musma.gi..

[Sourcetree] github 토큰 인증 로그인 방법 : sourcetree Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.

소스트리에서 push를 하려고 했더니 다음과 같은 에러가 떴다. sourcetree Support for password authentication was removed on August 13, 2021. Please use a personal access token instead. 올해 8월 13일부터 소스트리의 인증 방식이 비밀번호에서 토큰 방식으로 바뀌었다고 한다. 그래서 위 에러가 뜨면 다음의 방식을 거치면 된다. github 로그인 > 우측 상단 프로필 이미지 부분 드롭 메뉴에서 settings 선택 좌측 하단의 Developer Settings 선택 좌측의 Personal access tokens 클릭 우측의 Generate new token 클릭 토큰 생성의 목적을 쓰고, 토큰 만료일을 설정..