VSCode (8) 썸네일형 리스트형 VSCode - 들여쓰기를 space에서 tab으로 변경하고 저장하기 에꼴 42에서는 norminette라는 프로그램을 이용해 코드 포맷을 강제합니다. 42 경산에서도 마찬가지로 norminette를 이용해서 작성한 코드의 포맷을 지정하고 있습니다. 이게 왜 중요하냐면, 42 교육과정에서는 과제를 제출할 때 기계평가라는 것을 거칩니다. 기계평가는 42 서버에서 제출된 과제의 코드를 검사하여 코드가 정상적으로 동작 하는지, 지정된 코드 포맷을 만족하는지 등을 검사하는 과정을 의미합니다. 아무튼 이 norminette를 만족시키기 위해서는 들여쓰기를 4칸짜리 tab으로 지정해야 합니다. 그런데 vscode를 최초 설치 시 들여쓰기 설정이 4칸짜리 space로 설정되어있습니다. 저기 가운데에 Spaces: 4라고 표시되어있는 부분이 들여쓰기를 space로 처리했다는 의미입니다... 5분 파이썬(2) - 텍스트 에디터 소개 텍스트 에디터는 한글이나 오피스 워드 프로그램 같은 친구입니다. 개발자들 보면 막 검은 화면에 코드 치는거 보신적있죠? 이런 프로그램을 텍스트에디터라고 합니다. 아 물론 메모장에다가도 코딩 할 수 있지만, 여러분이 메모장에 문서작성 가능하다고 한글프로그램 냅두고 메모장에 문서작성하지 않듯, 개발자들도 메모장에 코딩하는 짓은 쉽사리 하지 않습니다. 텍스트 에디터는 종류가 다양합니다만 우리는 VSCode를 설치해보겠습니다. VSCode는 마이크로소프트에서 만든 프로그램인데 여러가지 확장 프로그램을 설치가능해서 입맛대로 셋팅해서 사용할 수 있습니다. 각설하고 바로 설치해볼게요. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefine.. 맥에서 VSCode의 Remote SSH로 우분투에 접속하기 SSH는 간단히 말하면 다른 컴퓨터의 터미널을 사용할 수 있는 기능입니다. 그리고 VSCode에는 Remote SSH라고 하는, SSH를 간단하게 사용할 수 있도록 도와주는 확장프로그램이 존재합니다. 오늘은 맥(M1 맥 포함)에서 VSCode의 Remote-SSH를 이용해 우분투에 원격 접속해보겠습니다. 1. VSCode에서 Remote-SSH 설치하기 VSCode 확장 탭에서 ssh를 검색하면 [Remote - SSH]를 설치할 수 있습니다. 설치가 완료되면 VSCode의 좌측 하단에 [>< SSH: 서버이름]이 표시됩니다. 이제 우분투 환경에서 VSCode를 실행한 것과 동일한 효과를 얻을 수 있습니다. 터미널도 우분투 터미널이 돌아가고, VSCode로 코드를 작성하면 우분투 환경에 저장되고 실행됩니다. M1 맥북에 아나콘다 설치하기 애플의 M1 칩으로 넘어오면서 호환성 문제로 맥에 아나콘다가 정상적으로 설치되지 않는 이슈가 있었다. 그래서 아나콘다 대신 미니포지라는 프로그램을 설치해줘야 했는데, 지난 5월부터 M1칩을 사용한 맥에서도 정상적으로 사용가능한 아나콘다가 출시되었다. 아나콘다 공식 홈페이지에서 (M1)이라고 체크된 설치 파일을 다운받으면 된다. 접속 링크는 아래 참조. https://www.anaconda.com/products/distribution Anaconda | Anaconda Distribution Anaconda's open-source Distribution is the easiest way to perform Python/R data science and machine learning on a single.. 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(3) 안녕하세요. 링크트리 페이지 코딩으로 만들기 3탄입니다. 1탄과 2탄은 아래 링크를 참고해주세요. 2022.08.01 - [코딩/웹 프로그래밍] - 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(1) 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(1) 안녕하세요. 오늘은 인스타그램프로필에서 여러개의 링크를 걸기 위해 사용하는 링크트리 페이지를 따라 만들어보겠습니다. 우선 멀티링크, 링크트리가 무엇인지부터 확인해보겠습니다. 개인 bebutae.tistory.com 2022.08.11 - [코딩/웹 프로그래밍] - 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(2) 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(2) 안녕하세요. 링크트리 페이지 코딩으로 만들기 2탄입니다. 우리는.. 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(2) 안녕하세요. 링크트리 페이지 코딩으로 만들기 2탄입니다. 우리는 HTML과 CSS로 코딩한 페이지를 깃허브 저장소에 올리고, Netlify를 깃허브 저장소에 연동시켜 웹페이지를 배포할 예정입니다. 1탄에서는 링크트리 페이지를 HTML과 CSS로 코딩해보았습니다. 2022.08.01 - [코딩/웹 프로그래밍] - 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(1) 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(1) 안녕하세요. 오늘은 인스타그램프로필에서 여러개의 링크를 걸기 위해 사용하는 링크트리 페이지를 따라 만들어보겠습니다. 우선 멀티링크, 링크트리가 무엇인지부터 확인해보겠습니다. 개인 bebutae.tistory.com 2탄에서는 코딩한 페이지를 깃허브 저장소에 올려보겠습니다. 깃허브를.. Vue - Vue가 뭔가요?, Vue 설치하기 안녕하세요. 오늘은 VUE에 대해서 알아보도록 하겠습니다. 1. 3대 프레임워크 프레임워크는 다양한 기능을 가진 클래스와 라이브러리의 모음집입니다. 쉽게 말하자면 특정 목적을 달성하기 위한 도구모음집이라고 할 수 있습니다. 자바스크립트 생태계에서 React, Angular, Vue는 프론트엔드 3대 프레임워크로 불립니다. 그 중에서도 Vue는 가장 쉬운 프레임워크를 표방하며 조금더 낮은 진입장벽을 가진 프레임워크로 웹 앱을 만들고싶으실때 선택하시면 됩니다. 참고로 React는 사용자수가 가장 많은 프레임워크입니다. 2. Vue를 쓰는 이유 앞서 이야기했듯 Vue는 가장 쉬운 프레임워크를 표방합니다. Vue를 쓰는 이유도 정말 단순하게 쉬워서 입니다. 결과물도 다른 프레임워크와 다르지 않기때문에 다른 목적.. VSCode 테마 바꾸기 안녕하세요. 오늘은 비쥬얼 스튜디오 코드의 테마를 변경해보겠습니다. 바로 시작하겠습니다. 우선 비주얼 스튜디오 코드를 실행시켜주세요. [파일]-[기본 설정]-[색 테마]로 들어가줍니다. 그럼 다음과 같이 기본 설치된 테마 목록이 뜹니다. 여기서 원하는 테마를 선택하셔도 되지만, 다른 테마를 원하신다면 가장 하단의 [추가 색 테마 설치...]를 눌러주세요. 그럼 좌측에 익스텐션 탭이 열리면서 테마가 검색됩니다. 여기서 원하는 테마를 선택해서 설치 버튼을 눌러주세요. 저는 Dracula official 테마를 설치해보겠습니다. 설치가 완료되면 아래와 같은 선택창이 뜨면서 자동으로 테마가 적용됩니다. 설치된 테마 중 원하는 테마를 선택해주세요. 테마가 정상적으로 적용되었습니다. 기본적으로 설치된 테마로 돌아가.. 이전 1 다음
