구름

🚀 프로젝트 배포하기 개발 환경에서 사용하던 DB와 배포 환경에서 사용할 DB를 혼용하지 않기 위해서는 프로젝트 개발 시에 만든 DB branch를 배포하는 것이 좋습니다. 지금부터 branch 배포 방법을 한 단계씩 알아가 봅시다. (글쓴이는 Vercel로 프로젝트를 배포했습니다.) 1. Promote branch https://app.planetscale.com/ Sign in - PlanetScale auth.planetscale.com 우선 PlanetScale 사이트에 접속해 로그인 후, main branch에 접속합니다. Promote a branch to production 버튼을 클릭하면 main branch가 production으로 설정됩니다. 2. Add Environment Varia..

The Most Advanced WYSIWYG HTML Editor | Trusted Rich Text Editor | TinyMCE TinyMCE is the most advanced WYSIWYG HTML editor designed to simplify website content creation. The rich text editing platform that helped launched Atlassian, Medium, Evernote and more. www.tiny.cloud 왜 TinyMCE 라이브러리를 선택했을까? TinyMCE 에디터는 무료 버전도 있고 가장 많이 사용되는 CKeditor보다 가벼워서 선택하게 되었습니다. 무엇보다 티스토리 블로그에서도 TinyMCE 에디터를 사용하고 있..

프론트엔드 공부를 처음 시작할 때 React 공부를 했고, 현재까지도 프로젝트를 구현할 때 React를 사용하고 있습니다. 누군가가 React를 왜 사용하냐고 묻는다면 "인기 있는 프론트엔드 라이브러리", "많은 기업에서 사용하고 있어서", "컴포넌트 기반 라이브러리로 재사용이 가능하기 때문에" 정도만 대답할 수 있겠더군요. 그래서 오늘은 React의 등장 배경과 React란 무엇인지, React를 왜 사용하는 것인지에 대해 이야기해보려고 합니다. 🌳 React 등장 배경 시대가 변함에 따라 사용자들의 요구사항이 많아지면서 개발자들이 처리해야 할 UI가 많아지게 되었습니다. 이러한 상황 속에서 개발자들은 오직 기능 개발에 초점을 두고 동적인 웹 페이지를 보다 효율적으로 유지 보수하기 위해 새로운 Fron..

https://programmers.co.kr/learn/courses/30/lessons/43238 코딩테스트 연습 - 입국심사 n명이 입국심사를 위해 줄을 서서 기다리고 있습니다. 각 입국심사대에 있는 심사관마다 심사하는데 걸리는 시간은 다릅니다. 처음에 모든 심사대는 비어있습니다. 한 심사대에서는 동시에 한 programmers.co.kr 이번 문제는 이분 탐색 문제였습니다. 📝 문제 풀이 1. 이분 탐색을 하기 위해 n명을 심사하는데 걸리는 최소 시간과 최대 시간 정의 (최소 시간: left_val, 최대 시간: right_val) 2. mid 시간 동안 심사 가능한 사람 수가 n명 보다 적으면 시간 범위를 늘림 ← left_val = mid + 1 3. mid 시간 동안 심사 가능한 사람 수가 ..

https://programmers.co.kr/learn/courses/30/lessons/81302 코딩테스트 연습 - 거리두기 확인하기 [["POOOP", "OXXOX", "OPXPX", "OOXOX", "POXXP"], ["POOPX", "OXPXP", "PXXXO", "OXXXO", "OOOPP"], ["PXOPX", "OXOXP", "OXPOX", "OXXOP", "PXPOX"], ["OOOXX", "XOOOX", "OOOXX", "OXOOX", "OOOOO"], ["PXPXP", "XPXPX", "PXPXP", "XPXPX", "PXPXP"]] [1, 0, 1, 1, 1] programmers.co.kr 이번 문제는 BFS 문제였습니다. 《문제 풀이》 1. places 배열의 각 행을 plac..

https://programmers.co.kr/learn/courses/30/lessons/12980 코딩테스트 연습 - 점프와 순간 이동 OO 연구소는 한 번에 K 칸을 앞으로 점프하거나, (현재까지 온 거리) x 2 에 해당하는 위치로 순간이동을 할 수 있는 특수한 기능을 가진 아이언 슈트를 개발하여 판매하고 있습니다. 이 아이언 슈 programmers.co.kr 이번 문제는 Top-Bottom 문제였습니다. 《문제 풀이》 1. 처음 한 칸은 무조건 점프해야 하므로 ans 1 부터 시작 2. n을 2로 나누었을 때 나머지가 1이면 점프해야 한다는 의미이므로 ans++ 《C++ 코드》 #include using namespace std; int solution(int n) { int ans = 1; ..

https://programmers.co.kr/learn/courses/30/lessons/12981 코딩테스트 연습 - 영어 끝말잇기 3 ["tank", "kick", "know", "wheel", "land", "dream", "mother", "robot", "tank"] [3,3] 5 ["hello", "observe", "effect", "take", "either", "recognize", "encourage", "ensure", "establish", "hang", "gather", "refer", "reference", "estimate", "executive"] [0,0] programmers.co.kr 이번 문제는 구현 문제였습니다. 단어의 중복을 피하기 위해 map 자료구조를 사용하면..

https://programmers.co.kr/learn/courses/30/lessons/42587 코딩테스트 연습 - 프린터 일반적인 프린터는 인쇄 요청이 들어온 순서대로 인쇄합니다. 그렇기 때문에 중요한 문서가 나중에 인쇄될 수 있습니다. 이런 문제를 보완하기 위해 중요도가 높은 문서를 먼저 인쇄하는 프린 programmers.co.kr 이번 문제는 큐(Queue) 문제였습니다. 《문제 풀이》 1. 문서의 중요도와 각 문서의 인덱스를 큐 q에 삽입 2. 문서의 중요도를 판별하기 위해 우선순위 큐 pq에 문서의 중요도 삽입 3. 현재 문서의 중요도가 가장 높다면 인쇄 ← print++ ☛ 이 때, 현재 문서가 내가 요청한 문서의 대기 목록 위치라면 반복문 종료 ⭐️ (시간 초과 문제로 꼭 해주어야 해..

https://programmers.co.kr/learn/courses/30/lessons/60058 코딩테스트 연습 - 괄호 변환 카카오에 신입 개발자로 입사한 "콘"은 선배 개발자로부터 개발역량 강화를 위해 다른 개발자가 작성한 소스 코드를 분석하여 문제점을 발견하고 수정하라는 업무 과제를 받았습니다. 소스를 programmers.co.kr 이번 문제는 구현 문제였습니다. 《문제 풀이》 1. 문자열 p가 올바른 괄호 문자열이거나 빈 문자열이면 문자열 그대로 반환 2. 문자열 p가 올바른 괄호 문자열이 아니라면 (1) 문자열 p를 두 균형잡힌 괄호 문자열 u, v로 분리 ← cnt 변수 이용 (2) 문자열 u가 올바른 괄호 문자열이면 u + solution(v) 반환 • 문자열 u가 올바른 괄호 문자열..

https://programmers.co.kr/learn/courses/30/lessons/42577 코딩테스트 연습 - 전화번호 목록 전화번호부에 적힌 전화번호 중, 한 번호가 다른 번호의 접두어인 경우가 있는지 확인하려 합니다. 전화번호가 다음과 같을 경우, 구조대 전화번호는 영석이의 전화번호의 접두사입니다. 구조 programmers.co.kr 이번 문제는 해시 문제였습니다. 하지만.. 저는 해시를 사용하지 않고 풀었습니다. 😅 《문제 풀이》 1. phone_book을 사전 순으로 정렬 2. 현재 전화번호가 다른 전화번호의 접두어라면 answer = false 《C++ 코드》 #include #include #include using namespace std; bool solution(vector ..