반응형 테크 세미나49 vscode erb파일 자동완성 설정하기 새로운 언어로 개발을 시작하려고 하면 아무래도 손에 많이 익었고, 코딩 속도를 높여줄 vscode 의 자동완성 기능을 찾게 됩니다. 저는 일단 가독성을 위해 자동 줄맞춤까지는 하지 않습니다. 거두절미하고, ruby 에서 .rb 파일은 루비 문법을 따라가고, .erb 파일은 html 문법을 따라갑니다. 태그는 루비 문을 '실행' 시킬 수 있고 태그는 루비 문을 '출력'시킬 수 있다. 기본적으로 .erb 파일은 html의 문법을 따라가기에 등등 태그를 사용하는데, 일반적으로 html 자동완성을 사용하였더라도, 자동완성 기능은 여기서 먹히지 않아요. 그렇다면 바로 설정으로 이동하시죠 1. 비주얼스튜디오를 켜고 설정으로 이동합니다 2. settings.json 을 엽니다 3. 다음과 같은 설정을 추가해줍니다 ".. 2022. 5. 3. Ruby on rails 맥북 설치하기 이직을 하며 ruby on rails를 사용하게 되었습니다. 새로운 기술을 사용하게 되면서 환경세팅을 하고, 개발을 해 나가며 앞으로 루비에 관련된 글을 더 쓰게 될 것 같습니다. 1) 맥북을 사용하여 개발을 할 때에는 homebrew의 미친듯한 편리함을 사용합시다 brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh terminal : 복붙하라는 저 부분을 복붙한다. 시간 좀 걸림... 개발 환경을 bash 에서 zsh 로 변경한다. (어지간하면 개발 환경을 이렇게 함) terminal : brew install zsh brew는 homebrew를 사용하는 명령어임. terminal : which zsh 위.. 2022. 5. 2. node 버전 업데이트, node update, node update version 오랜만에 놀고있던 맥북을 꺼내 개발을 하려다 보니, 이미 npm 버전이 엄청나게 예전꺼여서 충돌이 마구 일어났습니다. 오래된 개발 환경에서 개발을 시작하려고 하면 node version 을 특정 버전 혹은 몇 버전 이상을 요구한다는 오류들을 어렵지 않게 보게 됩니다. 이에 대해서 npm 버전을 업데이트 하는 방법을 하려고 합니다. 여러 레퍼런스가 있고 다양한 시도를 한 끝에 가장 안정적이고 확실하고 간단한 방법을 알려드리려 합니다. sudo npm install -g n - sudo : 'substitute user do' 의 약자로 다른 권한의 유저가 수행하도록 해라. 즉, 슈퍼 유저로서 수행하라는 뜻입니다. (무조건 해라 명령) - npm : node package manager - install :.. 2022. 4. 28. npm install 시 permission 오류 해결 방법 학생때 수업을 듣기 위해 쓰던 맥을 꺼내, 이제는 개발용으로 사이드 프로젝트를 실행해 보려고 했습니다. 그런데 npm install 을 통해 무언가를 설치하려고 하자, 다음과 같은, 뒷목 땡기는 오류가 발생했습니다 ㅋㅋㅋ 1. 나는 분명 npm과 node는 설치가 되어있다. 2. 나는 npm으로 새로운 무언가를 설치를 하려고 했다. 그 어떤 것을 설치하려고 해도 Error: EACCES: permission denied, access '/usr/local/lib/node_modules' checkPermissions Missing write access to /usr/local/lib/node_modules 이 말의 뜻을 해석하자면, 지금 유저에게는 node 모듈들에 대해서 write 권한이 없다는 말입.. 2022. 4. 28. 새로운 기기 깃허브 저장소 연결, github 비밀번호 없이 사용하기 18개월간의 길다면 길고 짧다면 또 짧을 수 있는 근무 후 이직을 결정하여 스타트업을 떠나게 되었습니다. 이유야 다양하겠지만, 이직의 근본적인 이유는 본인이 지금의 회사에 만족을 하고 있지 못하다는 뜻이겠지요. 하여튼, 기존에 사용하던 맥북을 반납 후 개인 맥북으로 프로젝트를 하려고 했습니다. 여러가지 오류가 발생하더군요, 카페에서 육두문자를 중얼거리며 삽질을 해본 후 에러 사항들과 이에 대한 해결 방법들을 적어보려 합니다. 여러 문제들을 다 써봤어요 한번 같이 따라해 보시면 좋을 것 같아서 올려요 처음부터 같이 할게요. 1. 깃허브 저장소 연결하기 1. 깃허브에 접속하여 New repository를 누릅니다. 저는 public으로 만들 것이고, Add a README file 을 체크하였습니다. 2. .. 2022. 4. 27. js sting 문자열 number로 형 변환하기 알고리즘 풀때 string문자열 내에 있는 숫자를 어떻게 해서 처리하라는 문제를 많이 접했을 것이다. 이런 문제들에서는 형변환을 해서 풀면 아주 쉽게 풀 수 있으니 자바스트링에서 문자열과 숫자 간의 형변환은 간다하게 이런 것이 있다고 보고 넘어가자 1. String 문자열을 number로 변환 (js string to number) // 숫자를 스트링로 바꾸기 var num = 2 console.log("num의 타입 확인", typeof num); // -> number num = String(num); console.log(typeof num); // -> string 2. number 숫자를 string문자열로 변환 (js number to string) // 문자열을 숫자로 변환 var str =.. 2022. 3. 6. error TS2314: Generic type 'Promise<T>' requires 1 type argument(s) error TS2314: Generic type 'Promise' requires 1 type argument(s) 며칠전 이따위 오류를 발견했다. 여기저기 별 말도 안되는 소리를 하는 것들을 따라하다가 프로젝트 자체가 통으로 날아갈 뻔 했다... npm 버전이나 글로벌 세팅등을 건드는 행위는 최대한 하지 않는 방향으로 하는게 좋을 것 같다.. 코드를 고치자 코드를 . 해당 부분은 Zoom integration 을 하기 위해 @zoomus/websdk 를 가져오는 중에 생긴 오류였다. import { ZoomMtg } from '@zoomus/websdk'; 해당부분에 대해 할 말이 많지만 일단은 해결방법만 적겠다 저 부분을 Promise 가 아닌 Observable 로만 바꾸면 된다 function l.. 2022. 2. 16. 링크드인 프로필 공유하기 See the Pen Untitled by Junmannn (@Junmannn) on CodePen. 링크드인 프로필을 예쁘게, 효율적으로 내보낼 수 있는 기능을 알려주는 타임! 1. 링크드인 접속! 회원 가입 | LinkedIn 5억 명 회원들이 함께 하는 글로벌 비즈니스 세상 비즈니스 인맥을 쌓고 넓히세요. 커리어 계발에 유용한 정보와 기회의 문으로 들어오세요. www.linkedin.com 2. 상단 네비게이션 바에서 '나' - 프로필 보기 클릭 3. 내 프로필 페이지에서 오른쪽에 전체공개용 프로필 및 URL 수정 클릭 4. 스크롤을 내려보다보면 오른쪽 아래에 아이콘 만들기 클릭 5. HTML 파일 상단에 부분을 넣고, 2022. 2. 12. powermode 입력 효과주기, vscode 배경넣기 vscode에 코드 입력 효과를 주는 플러그인을 소개드릴게요powermode를 사용해 vscode에 코드입력에 대해서 이펙트를 줄 수 있어요.https://marketplace.visualstudio.com/items?itemName=hoovercj.vscode-power-mode Power Mode - Visual Studio MarketplaceExtension for Visual Studio Code - Your code is powerful, unleash it! The extension made popular by Code in the Dark has finally made its way to VS Code.marketplace.visualstudio.com이 플러그인을 vscode 로 다운로드.. 2022. 1. 26. 맥북 개발자 개발 환경 설정 (2022 버전) 완전 처음부터. brew install node 1. homebrew 설치 Terminal 에 해당 화면에서 붙여넣으라는 부분을 복사 붙여넣기 하면 된다. 복사 붙여넣기 하는 방법은... 복사 붙여넣으면 된다 ㅎ https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 2. 터미널 커스터마이징 터미널을 본격적으로 사용하기 전에, 터미널(terminal)을 키고 sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)" 다음과 같은 화면이 뜨면 일단 설치는 된 것이고, 설치가 완료가 된 후에는 맨 마지막에 ==>.. 2021. 12. 21. 스타트업 채용 설명회 '라스콘 2' 스타트업 인사담당자들의 모임 '스타트업유니온'이 주관하고 15개 기업이 참여하는 '라이징 스타트업 콘서트(라스콘) 시즌2: 2021 Happy Snow At Startup Town'이 16일 17에 열렸어요. 저희 회사가 참여하거나 관련이 있는 것은 아니지만, 구직중인 분들과 학생분들께 도움이 될까 해서 가져와 포스팅 해 봅니다... 오늘까지 진행을 하는 것 같은데, youtube 로 라이브 방송을 하기도 하고, 메타버스 플랫폼인 'ZEP' 을 사용해 채용 설명회를 진행했어요. ZEP 은 슈퍼캣이라는 회사가 제테포 운영사와 만들어서 만든 메타버스 인 것 같아요. 초대 링크입니다. 이 링크로 입장 가능해요 https://zep.us/play/yodvnD ZEP - 라스콘2-Happy Snow At Star.. 2021. 12. 17. 웹 개발자 console.log 제대로 사용하기 console.log() ex) console.log("success") 그 때 마다 로그를 남겨 바로 확인을 할 수 있다. 하지만 물론 이것도 출력이기 때문에 배포시에는 주석처리를 하거나, 제거를 하는것이 좋다. console.log 로 여러개를 찍는 경우 깔끔하게 보이게 하는 방법 console.table() ex) console.table(찍으려는 Object) 한 번에 효과적으로 볼 수 있다. 객체를 뽑아볼 때에는 이 방법을 더 선호한다. console.error() ex) 함수.then((result) => { console.log(result) }) .catch((err) => { console.error(err); }) .catch를 하여 오류가 날 시 이 부분으로 넘어오고, 그 때에는 co.. 2021. 6. 29. 이전 1 2 3 4 5 다음 반응형
