본문 바로가기
반응형
터미널에서 'code' 명령어가 안될 때 해결 방법 터미널에서 VS Code 바로 열기 VS Code에서 cmd + shift + p로 명령 팔레트를 열고, code라고 검색 후 설치해주면 터미널에서 code . 명령어로 해당 경로의 VS Code를 바로 열 수 있다. 그렇게 잘 사용해오다가 맥북 M1으로 교체하고 난 후 적용해보니 아래와 같이 설치가 되지 않았다. 맥북 M1 이슈인듯 한데 계속 사용하다보니 자잘한 버그가 많다. 해결 방법은 간단하다. 먼저 code 명령을 제거한 후 설치를 진행하면 정상 작동한다. I found a fix. I simply uninstalled the code command from PATH in vscode and reinstalled. i.e open the command pallete, search "uninstal.. 2021. 12. 15.
'digital envelope routines' 에러 시 해결 방법(Node.js 버전 관리) React Admin을 사용해보고 싶어서 CRA로 세팅을 했는데 서버가 켜지지 않는 에러가 발생했다. 처음 있는 일이라 당황하다가 에러 키워드로 구글링해보니 금방 해결방법을 찾을 수 있었다. 알고보니 Node.js 버전을 제일 최신으로 변경한 게 문제가 되었다. (17.2.0 버전) Error message "error:0308010C:digital envelope routines::unsupported" Error message "error:0308010C:digital envelope routines::unsupported" I created the default IntelliJ IDEA React project and got this: Error: error:0308010C:digital envel.. 2021. 12. 1.
87번의 탈락, 9번 면접 본 후기 (feat.프론트엔드 개발자) 아..정말 긴 터널과 같은 취업 준비 기간이었다. 1년 넘게 프론트엔드 개발자 취업 준비를 하면서 그동안 느꼈던 점들, 경험들을 정리 해보려고 한다. 아니..왜 서류 합격도 안되지? 자바 백엔드 과정으로 국비지원 학원을 6개월만에 수료를 하고, 프론트 엔드 개발자가 되고 싶었다. 사실 학원을 다니기 전엔 프론트, 백엔드의 개념 없이 그냥 개발자가 되고 싶어서 들어가게 되었는데 HTML, CSS가 너무 재밌었다. 그리고 당시에 난 이클립스의 UI가 너무 싫었다. 딱딱하고 재미가 없었기 때문에 VS Code로 테마도 적용하고, 코딩도 멋있게 꾸며서 하고 싶었다. 지금와서 생각해보면 내 나름대로 코딩에 재미를 붙이기 위해 했던 행동이었던 것 같다. 그 당시엔 한마디로 비전공생, 무스펙이었던 것이다. 블로그도 .. 2021. 11. 19.
개발자(또는 개발자 취준생)의 마음가짐, 힘이 되는 글/영상 모음 각성이 되는 글/영상들, 열정 열정 열정! 🔥 개발의 기술적인 부분 외에도 좋은 글들이 참 많다. 그동안 수많은 개발관련 글들을 보며 정말로 나에게 힘을 주고, 자신감을 심어준 글들은 즐겨찾기를 해놨었다. 뛰어난 개발자분들의 개발 철학, 마음가짐, 성장 등 도움 되는 글/영상들을 모아봤다. 공개적으로 학습하라 비교적 최근에 읽은 글인데 두고두고 봐야할 글인 것 같다. 개발자의 성장에 대해 자세하게 조언해주고 무엇보다 이제는 스스로를 위해 글을 써야겠다는 생각을 많이하게 되었다. 결과를 '박수'나 리트윗, 스타, 좋아요와 같은 것들로 판단하지 마세요. (단순히 3개월 전의 당신을 돌아 보는 것으로 충분합니다.) 저는 거의 매일 개발 블로그를 작성하는데, 이것은 그 누구도 아닌 저 자신만을 위한 것입니다. .. 2021. 11. 3.
public 폴더 안 axios import 에러 Vanilla js로 SPA를 만들면서 정말 많은 에러들을 겪고 있다. 그래도 점점 직접 부딪혀보는 실력이 늘고 있다. 구현 후에 에러가 뜨면 해결하는 재미가 쏠쏠하다. 그런데 이번엔 조금 찝찝하게 마무리하게 되었다. 서버쪽에서 잘 사용하던 axios가 왜 클라이언트에선 불러오지 못하는 것일까? 일단 중요한 부분만 표현한 프로젝트의 폴더 구조는 다음과 같다. node_modules public |-- main.js // 여기서 axios를 import 해와서 쓰고 싶다 |-- index.html |-- style.css src |--api package-lock.json package.json server.js // axios 사용 main.js에서 import axios from 'axios';를 하면.. 2021. 11. 1.
함수형과 객체지향의 다른점 데이터(객체)가 먼저? 함수가 먼저? 데이터(객체) 기준 cat.moveLeft(); cat.moveRight(); dog.moveLeft(); dog.moveRight(); 객체를 기준으로 객체가 먼저 나온다. 객체지향 프로그래밍은 데이터를 먼저 디자인한 후 그 데이터에 맞는 메서드를 만드는 방식으로 프로그래밍을 한다. 예를 들면 moveLeft()를 갖기 위해 Animal 클래스를 만든 다음 cat과 dog가 상속을 받아 메서드를 갖게 되고, 같은 규격의 객체가 된다. 함수 기준 moveLeft(dog); moveRight(cat); moveLeft({ x: 5, y: 2}); moveRight(dog); 함수를 기준으로 함수가 먼저 나온다. 함수형 프로그래밍에서는 함수를 만든 후 그 함수에 맞게 데.. 2021. 9. 22.
코딩 실력이 늘었다고 생각할 때(feat. 리팩토링) 기능은 그대로 유지 보수는 ⬆️ 요즘은 예전에 만들었던 프로젝트 리팩토링을 하는 것에 시간을 많이 쏟고 있다. 어쩌다 구경을 하게 되었는데 고칠 점이 너무 많아 보여서 리팩토링을 하기로 결심했다. 하다보니 재밌기도 해서 시간이 잘간다. 먼저 간략하게 표현한 예전 코드는 다음과 같다. // 📂 main.js // XHR 설정 const getJSON = function(url, callback) { // ...XHR } // API 호출 getJSON( 'http://api.openweathermap...', function (err, data) { if (err면) { alert() } else { // 성공이면 데이터 표시 loadWeather(data); todayClothes(data); loadI.. 2021. 8. 28.
반응형