create-react-app으로 만든 구조의 어플리케이션에 적용하는 것을 전제로 한다.

npm 패키지 배포 프론트엔드 스터디 스프린트 Google Developer Student Club에서 프론트엔트 파트 관련 스터디를 진행하고 있다. 4개의 프로젝트를 받아서 2주씩 진행을 한다. 두번째 스프린트인 npm 패키지 배포가 끝나서 후기를 작성하려고 한다.

이런 오류다.rollup으로 번들링하던 도중에 일어난 오류이다. create-react-app에서는 잘 됐었는데 모듈이 안 불러와진다며 resolve가 안된다.rollup이 index를 못 찾아서 생기는 오류인 것 같다.이런 구조일 때 리액트에서는 './Card'나 '

Google Developer Student Club에서 프론트엔트 파트 관련 스터디를 진행하고 있다. 4개의 프로젝트를 받아서 2주씩 진행을 한다. 첫번째 스프린트인 dom visualizer가 끝나서 후기를 작성하려고 한다.

단축평가란 표현식 평가 도중 평가 결과가 확정된 경우 나머지 평가 과정을 생략한다는 뜻이다. Javascript말고 다른 언어에서도 대부분 적용된다.

구글이나 네이버 등에서 키워드를 검색 했을 때, 상단에, 앞페이지에 뜰수록 유저를 유입시키기 쉬울 것이다. 같은 내용이라도 검색 엔진에서 매기는 높은 순위에 들 수 있도록 작성되거나, 프론트가 개발되어 있으면 유리할 것이다. 사이트가 검색이 유리하도록 작성하는 것을 검

이 둘은 HTTP 프로토콜에서 제공하는 요청 시 포함하는 양식이다. 네트워크 통신 시 이 데이터로 무엇을 하려는건지 요청에 태그를 달아 보내는 것이다.https://brilliantdevelop.tistory.com/33#:~:text=GET%EC%9D%80%

네트워크 OSI 7 계층 네트워크는 네트워크 프로토콜이 통신하는 구조를 7개의 계층으로 분리하여 각 계층간 상호 작동하는 방식을 정해 놓은 것이다. 1계층-물리계층(Physical Layer) 두 컴퓨터를 전선으로 연결하여 1, 0 전기 신호를 주고 받는다. 이렇게

개발하는 입장에선 요청과 응답 컨벤션이다. 다만 많은 프레임워크가 여기에 맞춰져서 짜여있어서 여기저기 강제되는 부분들이 많다.용어 구분이 곤란해서 간단한 개요를 말하고 들어가겠다. REST, REST API, RESTful API가 살짝 다르다.Representatio

크롬을 켜서, 브라우저 주소창에 google.com을 치자, 구글 페이지가 나타났다. https://velog.io/@old_dorim 라고 치자 내 블로그가 나타났다. 이 사이에 무슨 일이 일어났을까?DNS 서버는 도메인 주소를 서버의 실제 IP 주소로 변환

언어의 최고 로우 레벨에서 직접 표현되는 불변 데이터이다. 문자숫자Number 타입은 배정밀도 64비트 이진 형식 IEEE 754 값(-(2^53 − 1)부터 2^53 − 1까지의 수.부동소수점 숫자, +Infinity, -Infinity, NaN.Not a Numbe

이건 그냥 제가 공부했습니다~ 하는 느낌으로 살짝 말만 바꿔서 쓴거라 혹시라도 누군가 이 글을 발견한다면https://velog.io/@nittre/%EB%B8%94%EB%A1%9C%ED%82%B9-Vs.-%EB%85%BC%EB%B8%94%EB%A1%9C%ED

https://typescript-kr.github.io/pages/tutorials/ts-for-oopers.html위 링크는 typescript의 공식 문서인 TypeScript-Handbook을 한국어로 번역중인 게시글 링크이다. 내가 모르는 부분/재밌는

둘 다 라이언 달이라는 개발자가 만들었다. 아버지가 같음. node.js를 만든 라이언 달이 deno는 top-level await가 되는 장점이 있다는데 내가 알기론 node.js에서도 top-level await가 가능하게 되었다는 이야기가 여기저기서 들려와서

node.js는 이런 구조로 이루어져있다. 인터넷에 조금씩 다르게 나와있던데 대충 말하는 건 같아보인다. 명백한 사실관계가 궁금하면 해당 깃허브에 들어가면 node.js 프로젝트를 확인할 수 있다.https://github.com/nodejs/node여기서 v

특정한 규칙을 가진 문자열의 집합을 표현하는 형식이다. 비밀번호를 만들 때 몇 개의 숫자, 몇 개의 영어 대소문자, 특수문자를 포함해야한다 이런 내용을 적는 것을 경험해보았을 것이다. 문자열에서 특정 문자 패턴을 검색(검사) 하는 것이다.식으로 작성한다. 안이 문자의

린트(lint) 또는 린터(linter)는 소스 코드를 분석하여 프로그램 오류, 버그, 스타일 오류, 의심스러운 구조체에 표시(flag)를 달아놓기 위한 도구들을 가리킨다. 이 용어는 C 언어 소스 코드를 검사하는 유닉스 유틸리티에서 기원한다.ESLint는 EcmaSc

JS 진입장벽이 낮고 비전공자들이 처음 입문하는 경우가 많은 언어이다. 그렇지만 깊게 파면 어려운데다 다른 언어에 비해 덕지덕지 뭘 붙인 것 같은 느낌을 준다. 버전별 차이도 심하다. 그런데 이 덕지덕지도 다들 이유를 가지고 있고, JS의 역사를 이해하면 좀 받아들일

https://en.wikibooks.org/wiki/More_C%2B%2B_IdiomsIdioms라는 용어가 생소하다. 한국어로 하면 관용구인데, 개발 용어로는 그냥 관용구라고 생각하면 안될 것 같아서 서문을 살짝 읽어봤다.Idiom라는 것은 C++를 사용하

More C++ Idioms https://en.wikibooks.org/wiki/MoreC%2B%2BIdioms Idioms라는 용어가 생소하다. 한국어로 하면 관용구인데, 개발 용어로는 그냥 관용구라고 생각하면 안될 것 같아서 서문을 살짝 읽어봤다. Idiom라