Tool, Service, Library, Etc..

코테 입문자의 '코드트리' 한 달 사용기

이번에 글또에서 코드트리와 함께 콜라보해서 '코드트리 x 글또 블로그 챌린지'가 열렸다. 글또 회원 중 챌린지에 참여하는 사람 한에서 코드트리를 한 달간 무료로 이용할 수 있게 되어, 한 달 동안 사용해보고 느낀점을 써보려고 한다. (사실 나는 한 달이라고 하기엔 무리가 있고, 해외 연수 끝나고 좀 늦게 시작해서 2주정도 사용한 것 같다.) 일단 나는 이제 막 본격적으로 코딩테스트 공부를 시작하는 대학 4학년 되는 전공생이다. 코테 입문자라고 칭했지만, 예전부터 조금씩은 풀었어서(아주 조금) 백준은 실버5, 프로그래머스는 Lv1 문제 정도를 풀긴 한다. 내가 제대로 풀고 있는지 잘 모르겠고, 공부법, 인강, 플랫폼 등을 찾다가 우선순위에 밀려 지금까지 백준 실버 5에 머무르고 있는 것이다. 사실 코드트리..

Vite 시작하기 - 빠르고 유연한 프론트엔드 개발 환경 설정 도구

서론 이전에 한 멘토분께서 프론트엔드 개발 환경을 설정할 때, 최신 트렌드를 따라가고 싶은 사람이라면 CRA(create-react-app)보다 Vite를 사용하는 것을 추천하셨다. 말씀을 듣고 Vite를 한번 테스트로 써보기는 했으나, 프로젝트를 진행할때 팀원들이 CRA가 익숙하다해서 제대로 써본적이 없다. 진행했던 프로젝트가 마무리되고, 다음 프로젝트는 Vite를 고려해볼까해서 한번 어떤 장점이 있고 어떻게 시작할 수 있는지 Vite 공식문서를 참고하여 알아보고자 한다. CRA vs Vite CRA(create-react-app) 장점: 안정적이며 커뮤니티 지원이 강력하다. 다양한 플러그인과 호환성이 뛰어나다. 단점: 설정을 변경하거나 개인화하기 어렵다. 빌드 파일 크기가 크며, *HMR가 느릴 수 ..

Mermaid - 코드로 순서도(flowchart) 그리기

나는 지금까지 순서도를 그릴 일이 있으면 아이패드에 손으로 그렸다. 하지만 그려할 순서도가 많아지면 점점 지쳤고, 글씨를 쓰는 것도 힘들었다. 시중에 나와있는 UI 툴을 이용해보기도 했는데, 도형을 일일이 가져와 위치를 맞추는 과정에서 불편함을 느껴서 사용하지 않았다. 그러다 최근에 글또 슬랙에서 ‘flowchart 툴로 무엇을 쓰는지’에 대한 고민 글이 올라왔었다. 몇몇 분들께서 mermaid 툴을 언급하셔서 이에 대해 찾아봤는데, 코드로 순서도를 작성하는 것이 정말 간편해 보였다. 혹시나 나와 같은 문제를 겪어본 경험이 있는 분들도 알면 좋을 것 같아 Mermaid 공식 문서를 참고하여 공부할 겸 정리해보고자 한다. Mermaid 란? Mermaid는 Markdown 문서에서 다이어그램을 생성하기 위..

터미널 명령어 정리 (Window powershell)

Window powershell 7.2.1 기준 터미널 명령어 정리 *powershell은 cmd와 달리 운영체제 모든 터미널에 접근할 수 있어서 좋다. 사용자 메뉴얼 명령어 man {명령어} Manual 약자 어떤 옵션들이 있는지 보고 싶을 때 사용 get-help와 역할 동일 설명에서 나가고싶으면 '단축키 q' 를 누르면 된다. ex) man clear => clear에 대한 설명 나옴 clear 터미널 내용 지우기 파일 시스템 탐색 명령어 pwd Print Working Directory 약자 현재 나의 경로를 알 수 있음 ls list의 약자 현재 경로에 어떤 파일과 폴더가 있는지 목록을 확인할 수 있음 특정 폴더 안 내용 보고싶으면 'ls {경로}' 또는 'ls {폴더}' -name : 이름만 ..