본문 바로가기

코딩강의6

CLI 전용 에디터 - Vim 사용 방법과 단축키 안내 GUI 환경에서는 파일 종류에 따라 Microsoft Word, VS code, PyCharm, 메모장 등 다양한 툴을 사용해서 파일 내용을 작성할 수 있다. 그런데 CLI 환경에서는 전용 텍스트 에디터를 사용한다. 그 중에서 가장 보편적인 것으로 Vim 이라는 에디터가 있다. Vim의 장점은 엄청 많은 기능과 단축키가 있다는 점이고, 단점은 모든 걸 마우스가 아닌 키보드로 해결해야 한다는 점이다. 나는 오래 전부터 Vim 에디터에 호기심을 가지고 있었기 때문에... 이번 강의 주제가 Vim 이라고 해서 기대를 많이 했다. (감동중) 그럼 이제부터 Vim을 사용하는 방법과 단축키에 대해서 정리해보도록 하겠다. Vim 실행하기 가장 먼저 해야 할 것은 당연히 Vim 실행하기 이다. 터미널을 열고, vim .. 2023. 5. 20.
ls 커맨드에서 자주 사용하는 옵션 터미널에서 디렉토리의 내용물을 알고 싶을 때 사용하는 커맨드는 ls이다. 이번 포스팅에서는 ls에서 자주 사용하는 옵션에 대해서 소개하도록 하겠다. a 옵션 a는 all(모두)의 약자이다. 유닉스 파일 시스템에는 숨겨진 파일이 있는데, 이름이 . 으로 시작하고 확장자가 없는 파일들이다. 이러한 파일들은 ls 커맨드를 입력하거나 GUI 툴을 이용할 때에는 보이지 않는다. 이 숨겨져 있는 모든 파일과 디렉토리를 확인하고 싶다면, a 옵션을 추가하여 ls -a 커맨드를 실행하면 된다. 아래 이미지는 동일한 디렉토리에서 -a 옵션을 사용하지 않았을 때와 사용했을 때를 비교한 것이다. l 옵션 ls 커맨드를 사용해서 출력되는 결과물은 이름만 나오기 때문에 무엇이 디렉토리(폴더)이고 무엇이 파일인지 구별할 수가 없.. 2023. 5. 18.
코드잇 학습일기 Day9. HTML 개념과 구조, 코멘트(주석) 작성 방법 오랜만에 다시 돌아온 코드잇 학습일기~! 2월에 학습일기 챌린지에 참여해서 50,000 네이버 포인트를 받았다. 챌린지가 끝날 줄 알고 있었는데 3월에도 동일한 조건으로 학습일기 챌린지를 진행한다는 사실을 얼마 전에 알았다. 으아, 진작 알았으면 또 참여 하는건데 아쉽...ㅠㅠ 그래서 4월에도 챌린지를 하지 않을까 하는 기대와 그것을 준비하는 워밍업으로 3월 마지막주에 학습일기를 하나 써보기로 했다. 오늘 공부한 내용은 프론트엔드 과정 중 하나인 HTML 핵심 개념 토픽이다. 기초적인 내용이라 부담없이 복습하는 기분으로 듣고, 또 모르는 내용이 나오면 블로그에도 정리해두려고 한다. HTML 의미 HTML은 Hypertext Markup Language의 약자이다. 첫번째 단어인 하이퍼텍스트(Hyperte.. 2023. 3. 27.
코드잇 학습일기 Day8. rejected 상태에서 실행하는 콜백, then 메소드 이해 코딩인강 코드잇의 챌린지 이벤트, 마지막 학습일기 포스팅이다. 회사를 다니며 학습일기를 써야한다는 게 부담스럽게 느껴질 때도 있었지만 그래도 덕분에 하루에 다섯개씩 강의를 들을 수 있었다. 왠지 마지막이라고 하니까 시원섭섭한 기분이 든다. 나중에 회사 업무에 여유가 생기면 꼭 이벤트가 아니더라도 셀프 챌린지를 해봐도 좋겠다는 생각이다. 오늘 공부한 내용은 rejected 상태에서 실행할 콜백을 지정하는 방법과 then 메소드에 관한 것이었다. 자바스크립트를 공부하는 분들을 위해 포스팅으로 정리해 보도록 하겠다. Promise 객체가 Rejected 상태일 때 실행하는 콜백 지정 Promise 객체가 갖는 상태값은 pending, fulfilled, rejected - 총 3개이다. 더 자세히 알고 싶다면.. 2023. 2. 22.
코드잇 학습일기 day5. 자바스크립트 Status Code와 Content-Type 헤더 지난 포스팅에서는 Request(요청)에 대해서 알아보았다. 이번 포스팅에서는 Response(응답)에 대해서 정리해보려고 한다. Response의 구조도 Head, Body로 이루어져있는데, Head에는 Response에 대한 부가 정보가 담겨 있고, Body에는 실제 데이터(주로 JSON 데이터)가 담겨 있다. Status Code란 무엇인가? 웹 브라우저의 개발자 도구 > Network 탭 > 특정 항목 선택 > General 부분에서 Status Code를 찾을 수 있다. Status Code는 우리말로 '상태 코드'라고 한다. 아래 이미지의 경우 Status Code: 200 이라고 되어있는데, 200은 정상 처리를 했다는 의미이다. 만약 정상 처리되지 못했다면 다른 숫자를 보게 된다. 대표적인.. 2023. 2. 13.
코드잇 학습일기 day4. 각각의 Request 보내는 방법 오늘은 출근길에 코드잇 강의를 7개 들었다. 그리고는 '이따가 출근해서 시간날 때 블로그에 학습일기 써야지' 하고 생각했는데, 이것저것 각종 업무들을 처리하다보니 퇴근시간이 10분밖에 남지 않았다. 오늘은 저녁에 일정이 있어서 퇴근시간을 꼭 지켜야 하는 상황... 그래서 각각의 Request 보내는 방법만 간략하게 정리하고, 추가로 알고있으면 좋은 개념들은 다음 포스팅에 다시 쓰는걸로...! GET Request 보내기 이제 GET Request 보내는 방법은 넘나 익숙해서 안보고도 쓸 수 있을 것 같다. fetch('url') .then((response) => response.text()) .then((result) => { console.log(result); }); POST Request 보내기 .. 2023. 2. 9.