반응형 [JavaScript] Axios 사용하기(feat.CDN, Webpack) axios는 자바스크립트에서 사용하는 promise 기반 HTTP 클라이언트 라이브러리이다. 브라우저와 node.js 환경에서 모두 사용 가능하며, XMLHttpRequests와 node.js의 http 모듈을 사용하여 HTTP 요청을 처리한다. XHR 객체를 사용하기 때문에 브라우저 호환성이 좋고, 더 다양한 설정을 지원하기 때문에 요청에 대한 세밀한 제어가 가능하다. 다양한 HTTP 메서드(GET, POST, PUT, DELETE 등)뿐만 아니라 요청과 응답 데이터의 자동 직렬화와 역직렬화를 지원한다.(기본적으로 객체를 'JSON'으로 직렬화한다.) 이렇게 다양한 기능으로 인해 axios는 많은 프로젝트에서 HTTP 클라이언트 라이브러리로 사용된다. 그럼 이제 자바스크립트에서 axios를 어떻게 다운.. 2023. 4. 5. 자바스크립트는 모든 것이 객체일까? 왜인지는 모르겠지만 나는 꽤 오랫동안 자바스크립트의 값(value)들이 모두 객체(object)라고 생각을 했었다. 블로그든 강의든 어디선가 잘못 이해하고, 그 내용이 머릿속에 강하게 남았나보다. 많은 시간이 지나고, 이제서야 개념을 바로잡게 되었다. 결론부터 말하자면 자바스크립트에서 대부분의 것들은 객체이지만, 원시값(primitive)이 있으며, 이들은 객체가 아니다. 다음으로 객체란 무엇인지, 왜 모든 값들이 객체라고 생각을 했는지, 그리고 그 값은 왜 객체가 아닌지에 대해서 자세히 알아보자. 객체 알아보기 객체는 관련된 데이터와 함수(프로퍼티와 메서드)를 가지는 복합 자료 구조이다. 자바스크립트의 객체는 실제로 동적 구조와 프로토타입 기반의 상속 덕분에 매우 유연하고 강력한데, 이는 언어의 중요한.. 2023. 3. 30. 왜 서버를 '띄운다'라고 표현하는 걸까? 왜 다들 서버를 '띄운다'라고 표현하는 걸까? 정말 뜬금없이 궁금해졌다. 사실 서버는 실행하는 것이 아닌가? '띄운다'라는 표현이 잘못됐다기 보다는 개발자라면 이렇게 표현하게 된 재밌는 이야기나, 뭔가 이유가 있을 거란 이상한 확신이 들어서 수소문하기 시작했다. 아래 내용은 카카오톡 오픈 채팅방 및 인터넷 검색을 통해 만들어진 글입니다. 정답은 없습니다. 외딴 섬에서 내 프로그램을 보내줄게 로컬이라는 작고 남들과 교류를 못하는 땅에 있던 프로그램을 저 높은 하늘 위로 올려서 다들 볼 수 있게 한다는 느낌으로 서버를 '띄운다'라고 말하고 있다고 한다. 가상머신 또는 도커 컨테이너의 생성 도커 로고를 보면 '띄운다'라는 표현이 와 닿는다. 도커는 최초 출시일이 10년 전인 2013년이다. 도커가 나오기 전부.. 2023. 3. 10. Babel 이해하기 이름이 왜 바벨(Babel)일까? 바벨(babel)의 원래 이름은 '6to5'였다. 바벨을 만든 세바스찬 맥켄지(Sebastian McKenzie)는 호주의 고등학교 마지막 학년에 6to5를 만들기 시작했고, 그 당시 만든 계기가 정확히 기억이 나지 않는다고 했다. ES6를 우연히 만났고, 그 후 어찌저찌 'estraverse'라는 파서 라이브러리를 발견해서 더 깊이 배우기로 결심하고, 오픈 소스에 대한 환상이 떠오른 것 같다고 말한다. '6to5'라는 이름에서 알 수 있듯이 미래에 사용(future-proof)하기 적합한 이름은 아니었다. 많은 사용자들은 이것이 단지 ES6가 지원되기 전까지의 '임시 해결책'이라고 생각했지만, 맥켄지는 이것이 미래가 보장될 뿐만 아니라 잠재적으로 미래의 표준에 영향을 .. 2023. 3. 6. 국비지원 학원은 정말 괜찮을까? 며칠 전, 어느 인턴 기자분께서 메일을 보내주셨다. 내용은 부트텐트에서 내 취업후기를 보았고, 한국 코딩열풍의 현주소에 대해 취재를 하고 싶다는 것이었다. 메일을 받고 기자분이라는 것에 한 번 놀라고, 코딩열풍이라는 것에 두 번 놀랐다. 현재 나는 개발자로 일하고 있고, 이제는 새로 사귀는 지인분들도 개발자이다 보니 그냥 '내가 개발자라서 개발에 대한 것만 보이나 보다.'라고 생각했었다. 하지만 곰곰이 생각해보면 관련 뉴스들, 마케터인 친구가 코딩을 배우고(퍼포먼스 마케터라 부르는 것 같다.), 코딩 과외 수업이나 동네에 코딩 학원도 생기고, 요즘 초등학생들 사이에서 로블록스(게임을 프로그래밍하고, 다른 사용자가 만든 게임을 플레이할 수 있다.)라는 게임이 유행이라고 한다. 확실히 예전보다는 일상생활에서.. 2023. 2. 5. Prettier 줄 바꿈 방지 및 해제하는 방법 VSC를 처음 사용할 때, 필수 익스텐션에 꼭 포함되는 코드 포맷터인 Prettier. 그만큼 정말 유용하게 사용하고 있지만 가끔 의도와 다르게 자동 줄 바꿈이 일어날 때가 있습니다. 이 글에서는 줄 바꿈을 방지하는 방법과, 저장 시 코드 포맷팅을 해제하는 방법을 알아보겠습니다. Print Width 늘리기 가장 간단한 방법은 Print Width를 늘려서 자동 줄 바꿈의 영역을 늘리는 것입니다. 맥은 cmd + shift + p, 윈도우는 ctrl + shift + p 키를 눌러 명령 팔레트를 실행시켜 줍니다. 그 다음 사용자 설정을 열어주고, 'print'를 검색한 후 Print Width를 조절하면 됩니다. 또는 .prettierrc 파일을 생성하여 옵션을 설정 해줘도 됩니다. .prettierrc.. 2023. 1. 3. 1년 차 프론트엔드 개발자 회고 작년 겨울에 입사하여 다시 겨울이 왔다. 나는 프론트엔드 개발자로 일하는 1년 동안 방향을 잘 잡고 성장을 했을까? 이제는 회사생활에 대한 회고가 주를 이룬다. 1년 동안 나름 열심히 하다보니 부장님과 차장님도 열심히 도와주시고 팀원들도 나를 믿고 일을 맡겨주고 계신다. 회의를 통해 내 의견을 적극적으로 표현하고, 기회가 생기면 적극 활용했다. 모르는 것은 최대한 찾아보고 거침없이 질문을 드렸다. 그래서 불과 3개월 전과 비교해 보면 많은 개선들이 이루어졌다. 이를 통해 내가 회사에서 개인적이든 아니든 그 일에 대해 개선해볼 생각과 의지가 있다면 스스로 만족할만한 결과를 얻을 수 있다는 것을 느꼈다. 내가 다니고 있는 회사는 이런 것들에 대해 호의적이어서 행운이라 생각한다. 그리고 결정적으로 1년 차에 .. 2022. 12. 29. 이전 1 2 3 4 5 6 7 ··· 27 다음 반응형
