프로그래머스 2020 웹 프론트엔드 데브매칭(Dev-matching) 후기

프로그래머스 2020 웹 프론트엔드 데브매칭(Dev-matching) 후기입니다. 후기라기보다는 약간의 변명에 더 가까운 글입니다. 먼저 테스트는 2020년 8월 22일 오후에 3시간(!!)동안 진행되었습니다. 3시간이 말이 안되는게 문제의 첫 부분이 다음과 같았습니다. 참고로 문제의 베이스 코드는 index.html과 index.js 정도의 파일만 주어지고 아주 기초적인 내용만 구현되어 잇었습니다. 즉 이 과제를 제대로 풀려면 맨땅에서 리액트같은 유사 더보기…

macOS: 내 컴퓨터에서 아마존 EC2로 파일 업로드 (scp 사용)

참고 블로그 문법 scp -i [pem_file] [upload_file] [user_id]@[ec2_public_IP]:[transfer_address] pem_file – 아마존 EC2 인스턴스를 만들 때 발급받은 pem키 파일의 경로를 입력합니다. user_id – 터미널에 접속하면 보이는 빨간색 부분 (또는 루트 디렉토리에서 pwd를 누르면 home/ 뒤에 나오는 정보)이 유저 아이디입니다. ec2_public_ip – 퍼블릭 DNS나 퍼블릭 IP(v4) 중 하나를 사용합니다. transfer_address – 루트 더보기…

macOS: 터미널에서 말하기 명령 사용 (say)

출처 바로가기 (영문) say 텍스트를 들을 수있는 음성으로 변환(음성 합성)합니다. 이 도구는 음성 합성 관리자를 사용하여 입력 텍스트를 음성 음성으로 변환하고, 시스템 환경 설정에서 선택한 사운드 출력 장치를 통해 재생하거나 AIFF 파일로 저장합니다.   문법 say [-v voice] [-o out.aiff | -n name:port ] [-f file.in | string …]   더보기…

Travis CI (Continuous Integration) + AWS Code Deploy로 깃허브(GitHub)에 올리면 자동 배포되게 하기

Travis CI (Continuous Integration)와 AWS Code Deploy를 이용하면 깃허브에 푸시만 해도 자동으로 웹 서비스가 빌드 및 배포되도록 할 수 있습니다. 하나의 EC2 계정에 여러 레퍼지토리를 빌드 및 배포할 수 있습니다. 아래 차례에서 6번 부분만 조심하면 됩니다. 자세한 내용은 위 출처에 나와 있으며, 이 게시물은 제가 나중에 다시 보기 위해 요약하였습니다. 더보기…

아마존 웹 서비스 카카오체크카드로 프리 티어 가입 + EC2 서비스 생성

카카오체크카드로 아마존 웹 서비스 가입이 가능합니다.   1) 아마존 웹서비스 회원가입 페이지 접속   2) 이메일 및 비밀번호 입력   3) 주소 및 카드 정보 입력(비자, 마스터카드 등 국제 결제 가능 카드)   4) 핸드폰 ARS 인증 진행   5) 지원 플랜 선택에서 기본 플랜(무료) 선택   6) 상단 메뉴에서 더보기…

구글 OAuth2 연동용 클라이언트 아이디 및 비밀번호 발급받는 방법

1. 구글 클라우드 플랫폼(https://console.cloud.google.com/) 에 접속합니다. 2. 빨간색 네모 부분을 클릭합니다. 기존에 생성된 프로젝트가 없다면 [프로젝트 선택]이라는 문구가 표시됩니다.   3. [새 프로젝트] 버튼을 클릭합니다.   4. 프로젝트 이름을 입력하고 [만들기] 버튼을 클릭합니다.   5. 왼쪽 [API 및 서비스] 메뉴의 [대시보드] 를 클릭합니다.   6. 방금 만든 프로젝트를 선택합니다.   더보기…

macOS 홈브루(brew)에서 Updating Homebrew… 멈춤현상 해결방법 및 권한 설정 방법

macOS 홈브루(brew)에서 Updating Homebrew… 멈춤현상 해결방법 (스택오버플로 링크) control + z 버튼을 눌러 업그레이드 작업 중단 터미널창에 brew doctor 입력 터미널창에 brew cleanup 입력 터미널창에 brew doctor 다시 입력 sudo xcode-select –install 입력   권한 오류 해결방법 다음과 같은 에러가 나오면서 brew 프로그램 설치가 안될 때 Error: The following directories are not writable by 더보기…

IT 기술면접(일반) 예상문제: CS 일반, 개발 상식, 네트워크 (작성중)

IT 기술면접(일반) 예상문제: CS 일반, 개발 상식, 네트워크 개발 이론 요약 깃허브   OOP의 특징 추상화 – 각 객체들의 공통된 특성을 뽑아내는 것을 의미합니다. 캡슐화 – 데이터를 은닉하고 데이터의 기능을 노출시키지 않는 의미입니다. 상속성 – 하나의 클래스가 가진 특징(데이터, 함수)을 그대로 다른클래스에 물려줄 수 있는 특성입니다. 다형성 – (상위 클래스로부터) 더보기…

IT 기술면접(일반) 예상문제: 웹개발 프론트엔드 (작성중)

IT 기술면접(일반) 예상문제: 웹개발 프론트엔드 개발 이론 요약 깃허브 프론트엔드 면접 문제은행 리스트 웹에서의 SPA (Single Page Application) 단일 페이지로 구성된 웹 어플리케이션을 뜻하는 단어입니다. 서버사이드 렌더링을 배제하고, 필요한 데이터만 JSON 등의 형태로 받아 동적으로 렌더링합니다.   기존 웹 환경에 비해 SPA가 부각되는 이유? 기존 어플리케이션은 화면이동 시에 화면 이동에 더보기…

프로그래밍 이름 궁합 찾기 알고리즘

이름 궁합 찾기: 각 획수를 주고 획수를 짝수개씩 묶어 더해나가고 최종적으로 두 개의 수만 남을 때까지 계산하는 방법 문제 링크 코드 (자바스크립트) function matchName(name1, name2) { name1 = name1.split(”).map(c => c.toUpperCase()) name2 = name2.split(”).map(c => c.toUpperCase()) const nameLength = name1.length + name2.length const minLen = Math.min(name1.length, name2.length) const weight = 더보기…