비전공자인 나는 가끔 회사에서 업부를 하다 개발쪽 관련 지식이 아닌 기본적인 컴퓨터에 대한 지식부족으로 한번식 엉뚱한 부분에서 힘들어 할때가있다.그래서 기본적 cs관련이나 컴퓨터,인터넷관련 지식을 한번씩 basic이란 시리즈로 정리해보려한다.인터넷은 웹의 핵심기술로 컴

새로 추가된 전역 객체들(Promise, Map, ...)을 사용가능한 객체로 바꾸어주는 플러그인이다.babel을 사용한다고 자바스크립트 최신 함수를 사용할 수 있는 건 아니다. babel은 문법을 변환해주는 역할만 할 뿐이다. polyfill은 프로그램이 처음에 시

이글은 개발에 관련된 내용이 아닙니다.어느날 회사에서 페이스북 픽셀 작업을 요청하였고 그전까지 한번도 픽셀을 사용해본적은 물론 뭔지도 몰랐던 제가 살면서 처음으로 마케팅 유투브 강의동영상, 페이스북 픽셀 dev문서등을 보면서 이해한내용을 적어봅니다.페이스북 픽셀이란 웹

정리를 하다 전에 타입스크립트를 학습하며 정리한 내용이 있길래...아까워서 올려봅니다.먼저 폴더를 만들어 주고난 후 npm init -y 를 통하여 package.json파일을 만들어줍니다그러고 난 후 tsconfig.json파일을 만들어줍니다.config제이슨 파일을

Code Splitting (코드분할) 이란? 코드 분할(Code Splitting)은 SPA의 성능을 향상시키는 방법입니다. 싱글 페이지 애플리케이션(Single Page Application)은 초기 실행시에 필요한 리소스를 모두 다운로드한후 해당화면에 필요한

우리는 작업을 하면서 컴퍼넌트에서 어떤 컴퍼넌트가 들어올지 모르는 경우가 생긴다. 새로 만드는 프로젝트뿐 아니라 이미 기존에 존재하는 프로젝트역시 마찬가지다. 어떤 자식 엘리먼트가 들어올지 모르는 상황에서 우리는 children을 사용하면 유지보수에 좋은 효과를 불러올

GitHub - outline/outline: The fastest wiki and knowledge base for growing teams. Beautiful, feature rich, and markdown compatible. \*debounce: 중첩된 호출

오픈소스를 보다가 사용하기 유용해보이는 코드를 직접 run.js를 통해 확인 하면서 유용해 보이는 코드를 따로 정리했습니다.GitHub - withspectrum/spectrum: Simple, powerful online communities.해당 컴퍼넌트는 이전값을

Jest는 페이스북에서 만든 Javascript 테스팅 라이브러리 입니다. Jest는 이전의 자바스크립트 테스팅 라이브러리와는 차별점을 가지고있는데 전에는 test를 진행하는데 있어서 test runner, matcher, mock등을 다른 라이브러리르 조합하여서 사용

리덕스 툴킷이란 리덕스를 더 사용하기 쉽게 만들기 위해 리덕스에서 공식 제공하는 개발도구 입니다. 리덕스는 훌륭한 라이브러리지만 단점 역시 있습니다. 리덕스 툴킷은 이러한 리덕스의 단점을 보완하기 위해 등장하였습니다.하나의 리덕스를 작성하는데 필요한 기본적인 코

Redux-Saga란? 💡 리덕스 사가는 비동기 작업처럼 리듀서에서 처리하면 안되는 순수함수가 아닌 작업을 처리하기 위한 리덕스 미들웨어 입니다. Redux-Saga는 일반 action을 dispatch하고 Generator라는 것을 통해 function*과 같은

Redux는 리액트에서 현재 가장 많이 사용되는 상태관리 라이브러리 입니다. 리덕스를 사용하면 우리가 어플리케이션을 만들면서 컴포넌트들의 상태관련 로직을 다른 파일로 분리시켜 효율적인 관리를 할 수 있는 라이브러리 입니다.리덕스가 있기전 우리는 보통 하나의 루트 컴포넌

ESlint란? Lint란 보푸라기를 말한다. ESlint란 ECMAScript에서의 보풀을 의미하게 되는데 우리가 옷을 입을 때 보풀이 있어도 입고다닐순 있지만 보기에 좋지 않다. 이렇듯 들여쓰기도 일정한 규칙에 맞게 하지 않고 선언한 변수나 함수를 사용하지 않는

사람이 살아가는데 서로 각자 다른 언어를 사용하면 의사소통에 문제가 생기고 수많은 다른 언어를 배우는 것은 매우 어려운 일이다. 이런 상황과 비슷하게 브라우져 마다 사용되는 언어가 다르고 이런 언어가 다르다. 물론 계속해서 브라우져는 개선되고 있지만 IE는 promi

spa 환경에서 간단히 ssr 구현해서 멀티페이지 어플리케이션 만큼 검색엔진 최적화 대응하고 퍼포먼스까지 향상시켜줌 이게 넥스트의 장점임pre-render로 더 좋은 퍼포먼스 가능검색엔진 최적화 (SEO)렌더에 크게 두개있음정적 생서버사이드 렌더링차이점? => html

코어 자바스크립트란 책을 읽으면서 스스로 정리한 내용입니다혹시 잘못된 내용이 있으면 수정하겠습니다.우선 nullrhk undefined 모두 자바스크립트에서 "없음"을 나타내는 값이다. 물론 당연한 말이지만 두개의 차이점이있고 그에 따라 사용하는 목적이 달라진다.und

코어 자바스크립트란 책을 읽으면서 스스로 정리한 내용입니다혹시 잘못된 내용이 있으면 수정하겠습니다.복사면 복사지 얕은 복사는 뭐고 깊은 복사는 무엇일까?우선 얕은 복사는 바로 아래 단계의 값만 복사고 깊은 복사는 내부 모든 값을 하나하나 찾아내어 전부 복사한다는 것이

코어 자바스크립트란 책을 읽으면서 스스로 정리한 내용입니다혹시 잘못된 내용이 있으면 수정하겠습니다.👍 배우는 이유? 자바스크립트가 데이터 처리 과정을 보고 기본형과 참조형이 왜 다르게 동작하는지를 이해하여 활용하기 위해 배운다.데이터 타입의 종류우리가 javascri

위코드가 11월에 시작한 3개월이란 위코드가 벌써 다음주 금요일이면 수료식이다.진짜 시간이 어떻게 가는건지 모르고 매일 행복하게 동기들과 코딩을 배우다 보니 벌써 수료를 코앞에 둔 15기가 되었다.정말 많은걸 배우고 좋은 사람을 많이 만나고 힘들었지만 정말 즐거웠던 위

bbs/user data => realtime databaseC.R.U.D => firestore이렇게 첫번째 미션을 받고 전의 velog에 정리를 하였다.2번째 미션으로는라이브러리를 사용해서 테이블 excel로 출력하기이미지 업로드(firestore) 입니다.처음엔