Tool, Service, Library, Etc..

코테 초보자의 코드트리 사용 후기

코드트리를 약 2주동안 사용해보고 느낀점을 간단히 써보려고 한다.  일단 나는 백준 실버5, 프로그래머스 Lv1 문제 정도를 푸는 완전 초보자다.문제를 풀 때, 내가 제대로 풀고 있는지 잘 모르겠고, 공부법, 인강, 플랫폼 등을 찾으며 방황하고 있었다.  코드트리는 위와같이 Lv1 부터 Lv6 까지 학습서가 있다. 나는 Lv2로 학습을 진행했다.언어는 C, C++, Python, Java, Swift, JavaScript, Kotlin, GO, Rust를 지원해준다. Lv1 목차로 예시를 들자면, 주제별로 학습 키워드가 주어지고, 기본 개념 > 연습 문제 > 테스트 순으로 학습한다. 기본 개념에서 해당 섹션에 필요한 개념을 설명해주는데, 이전 섹션에 이어서 누적식으로 추가해서 알려준다.큰 틀을 세워주고..

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 : 이름만 ..