개강한 공대생 개강한 공대생

안녕하세요. 개강한 공대생입니다.오늘은 제가 만든 타브 악보 제작 SaaS인 타브롤 강좌를 해보려고 합니다.온보딩을 조금 만들어서 랜딩 페이지에 넣어두긴 했는데이렇게 한국어로 강좌를 작성하는 것도 도움이 될 것 같아서 작성해봅니다. 타브롤은 악보를 매우 쉽고 빠르게, 그리고 프로그램 설치 없이 웹으로 언제 어디서든 악보를 만들 수 있는 혁신적인 악보 제작 웹입니다.기존 기타프로, 뮤즈스코어 등 악보 제작 프로그램의 악보 제작 시스템에서 벗어나, 피아노롤이라는 직관적인 멜로디 입력 시스템을 이용해서 악보를 만들 수 있습니다.사실 제가 기타프로나 뮤즈스코어 등을 이용해 악보를 만들어보려 했지만 너무 어려워서 포기했다는 것은 비밀입니다.덕분에 예전에 악보를 만들어주던 친구를 해고하고 저 스스로 악보를 마음껏 ..

기타를 치다 보면 직접 편곡한 곡이나 연주 아이디어를 타브 악보로 남기고 싶을 때가 있습니다.하지만 기존 악보 프로그램은 처음 접하면 입력 방식이 어렵게 느껴지기도 하고, 간단한 아이디어 하나를 기록하기 위해 프로그램을 설치하는 과정도 꽤 번거롭습니다. 특히 미디나 DAW의 피아노롤에는 익숙하지만 오선보 입력은 낯선 사람이라면 더 그렇습니다.그래서 피아노롤처럼 음을 배치하면서 기타 타브 악보를 만들 수 있는 웹서비스 TabRoll을 직접 만들었습니다.TabRoll은 별도의 프로그램을 설치하지 않고 브라우저에서 사용할 수 있는 온라인 기타 타브 에디터입니다. 피아노롤에서 원하는 줄과 위치에 프렛 번호를 입력하면 TAB 악보에 바로 반영되고, 작성한 내용을 곧바로 재생해 확인할 수 있습니다.▶ TabRoll..

친구가 해외에 있거나, 장거리 연애 중이거나, 온라인에서만 만나는 친구들이 있다면 한 번쯤 이런 생각을 해봤을 것 같습니다.“우리도 같이 인생네컷 찍을 수 없을까?”영상통화는 할 수 있지만, 막상 같이 찍은 사진을 남기기는 어렵습니다.그래서 서로 다른 장소에 있어도 한 프레임 안에서 같이 사진을 찍을 수 있는 웹서비스 live 4cut을 만들어봤습니다.떨어져 있어도, 한 프레임.각자의 카메라가 하나의 네컷이 되는 온라인 인생네컷 서비스입니다.live 4cut이란?live 4cut은 서로 다른 장소에 있는 사람들이 각자 카메라를 켜고, 한 화면 안에서 같이 인생네컷을 촬영할 수 있는 웹서비스입니다.일반적인 영상통화 화면처럼 사람마다 네모난 화면이 따로 있는 방식이 아닙니다.각 사람의 배경을 제거하고 사람만..

혁신이 있는 좋은 기업, 실물을 본 기업만을 산다.싸다고 판단될 때 산다.무조건 3년 뒤에 판다.한 번에 몰아서 사지 않는다.급등 시 추매하지 않는다.

일단 컨트롤 영역과 도메인 로직 영역으로 나눠야 함로직이 복잡하거나 버그 위험이 높은 도메인일 수록 테스트 가치가 높음 db나 네트워크에 의존성이 너무 높으면 모킹 등 비용이 너무 많이 발생하기 때문에 비효율적단순한 의존성 연결 코드는 테스트 코드를 만들지 말자.

정렬된 리스트에서 값을 찾는 효율적인 방법절반씩 나눠가며 값을 찾아서 O(log n)의 빠른 알고리즘 1.먼저 리스트 가운데 값을 찾음2.찾고자 하는 값이 가운데 값보다 작으면 왼쪽 절반을, 크면 오른쪽 절반을 본다.3.위 과정을 계속 반복 리스트의 크기가 클 수록 성능이 빛을 발함.100만개의 항목 중 값을 찾으려 할 때 최대 20번 비교만으로 찾을 수 있음

비동기를 처리하는 방법, 말그대로 약속임 resolve : 약속을 지켰을 때reject : 약속을 지키지 못했을 때then : 약속을 지켰을 때 실행되는 코드가 있음catch : 약속을 지키지 못했을 때 실행되는 코드가 있음 이런 느낌으로 씀let pizzaOrder = new Promise((resolve, reject) => { let pizzaReady = true; // 피자 준비 상태를 나타내는 변수 (true = 준비 완료, false = 실패) if (pizzaReady) { resolve("피자 준비 완료!"); // 약속을 지켰을 때 } else { reject("피자 준비 실패!"); // 약속이 지켜지지 않았을 때 } })..

자바스크립트 문법, 기능을 매우 향상시켜줌 let은 스코프를 블록 단위로 제한해줌if (true) { let x = 10; console.log(x); // 10 } console.log(x); // Error: x is not defined const는 선언 후 값 변경 불가const y = 20; y = 30; // Error: Assignment to constant variable. function을 사용하지 않고 화살표로 함수 정의 가능// 기존 함수function sum(a, b) { return a + b;}// 화살표 함수const sum = (a, b) => a + b; 또한 템플릿 리터럴을 사용할 수 있다.`My name is ${name} and I am ${age} years..