AWS 접속 설정하기 ssh 접속하기 (MAC or LINUX) 매번 ssh -i pem키위치 ip주소 이런식으로 접속하기 귀찮으므로 키 위치를 복사한다. cp pem키위치 ~/.ssh/ cp ~/Documents/pem/example-directory/example.pem ~/.ssh/ 키가 잘 복사되었는지 확인해본다 cd ~/.ssh/ ll // 디렉토리 확인 복사된 키의 권한을 변경한다. chmod 600 ~./ssh/pem키이름 ~/ssh 디렉토리에서 config파일을 생성한다.(확장자 없음) vim ~/.ssh/config 이후 config파일에 아래와 같이 작성 # 주석 Host "서비스명" HostName "EC2 IP주소" User ec2-user IdentityFile ~/.ssh/pem..

혼자 복습을 위한 용도가 주 목적이기에 모호한 설명이나 용어 사용에 주의가 필요하다 김영한님의 강의는 늘 구매하자 기억하기 실무에서는 무조건 단순하게 명확하게 개발해야 한다 헷갈리게 만들면 안된다. (개인적으로 일관되게 만드는것도 중요 하게 생각 함) 정적인 의존관계는 변경하지 않은채로 동적인 의존관계 및 주입을 변경할 수 있어야 한다. (이게 가능해야 SOLID 원칙을 잘 지킨 것 이라고 볼 수 있다.) 가장 좋은 에러는 컴파일 시점에서 발생하는 에러다 런타임 시점에서 실행해 봤을 때 발생하는 에러는 큰 비용으로 이어질 수 있다. 용어 정리 TDD -> 테스트 주도 개발 => 테스트 코드를 먼저 짠다(검증 부터 고민한다) 이 후 실제 개발을 만드는 식에 개발 방법 서비스 -> 비즈니스 로직이 포함되는 ..

Fish Shell 설치하기 공식사이트 fish 쉘 rc 파일 # fish shell rc 파일 위치 ~/.config/fish/config.fish 설치하기 # ubuntu sudo apt-get install fish # mac brew install fish 1. fish shell 다운로드 -> https://fishshell.com/ 여기서 설치 2. curl -k -L https://get.oh-my.fish | fish -> oh my fish 설치, oh my fish가 일종의 fish shell theme 3. omf install robbyrussell -> omf 에서 robbyrussell라는 테마 다운로드 4. omf theme robbyrussell -> omf 의 robbyru..

참고 및 추천 자료 HTTP 완벽 가이드 김영한 - 모든 개발자를 위한 HTTP 웹 기본 지식 왜 HTTP를 공부해야 하는가 요즘 웹에서는 모든것이 HTTP 프로토콜 위에서 동작한다. 앱과 서버가 통신하거나 서버와 서버가 통신하거나 이미지나 HTML, 영상, 기타파일 등등 모두 HTTP로 주고 받기 때문에 백엔드와 프론트개발자 모두 HTTP에 대한 이해가 필요하다. HTTP를 제대로 이해하지 못한 상태에서 그냥 개발 경험을 쌓다보면 여러 오류를 만나게 될 것이다, HTTP를 이해하는것이 나중에 다른 개발 경험을 하는데에도 큰 도움이 된다. 특히 백엔드 개발자라면 HTTP에 대한 이해가 있어야 REST API를 설계하는데 중요한 지식이 된다. 웹 개발자라면 계속해서 HTTP 위에서 개발을 해야한다. 집 주..

출처 https://studiomeal.com/archives/197 flex-direction .container { flex-direction: row; /* flex-direction: column; */ /* flex-direction: row-reverse; */ /* flex-direction: column-reverse; */ } flex-item들의 정렬 방향을 설정한다. row면 가로 column이면 세로로 정렬한다. flex-wrap .container { flex-wrap: nowrap; /* flex-wrap: wrap; */ /* flex-wrap: wrap-reverse; */ } 컨테이너가 더 이상 아이템들을 한 줄에 담을 여유 공간이 없을 때 아이템 줄바꿈을 어떻게 처리 할지..

async/await 이란? 지금까지 비동기/동기의 의미와 왜 비동기 처리가 필요한지 등등을 간략하게 알아봤다, 그런데 ECMAScript 2017 에서 async 함수가 추가되었다. 콜백헬을 해결해주던 Promise에서 더욱 가독성을 높이고 사람의 입장에서 더욱 일기 쉽도록 만들어 준다. function hello() { return "Hello" }; hello(); 웹 브라우저 콘솔에 위 코드를 실행해 보자, 쉽다 Heollo를 반환한다 async function hello() { return "Hello" }; hello(); 위 코드는 함수 앞에 async라는 키워드가 붙었다, 실행해 보면 이런 모습이다, Promise를 반환했다 그렇다 async 키워드를 붙이면 함수가 그냥 값을 return ..