요즘 프론트엔드 분야의 변화가 굉장히 빠르다. 그중에서도 프론트엔드 개발 환경은 특히나 변화가 빠르다.매번 프로젝트 때마다 문서를 생각없이 따라만 해도 세팅이 완료된다면 인지자원을 대단히 아낄 수 있다.매번 바닥부터 만드는 연습을 하세요!자신감이 붙고 시간이 지나면 어
오픈 소스에 기여하는 방법동아리에서 주는 리액트 과제는 CodeSandBox에서 진행해야 한다. 이 Editor는 몇 가지 문제가 있다. console.log를 2개 이상 찍으면 새로 고침했을 때 죽는다. 그리고 객체 뒤에 commas를 추가하면 객체가 새롭게 생성한다
state가 어떻게 동작하는지 이해가 안가서 해결하는데 많은 시간이 걸렸다.클릭을 2번 했을 때 결과이다. 이해한 것을 종이에 나타내봤다. delay 때문에 렌더링 순서가 꼬인 것은 참고하자.컴포넌트는 렌더링 될 때 state를 스냅샷을 한다. state가 0이라면,
(우리) 대학교의 축제에관련된 정보를 볼 수 있는 웹 애플리케이션입니다.작은 규모로 가장 관심있는/가는 축제 정보 에 대해 설문 조사한 결과 1위에 가수 라인업, 2위에 푸드트럭 안내 가 나왔습니다. 그래서 이를 우선순위로 두고 개발을 시작해보려 합니다.공연가수 라인업
공식문서공식문서React 17 릴리즈와 함께 JSX 트랜스폼을 몇 가지 개선하고 싶었지만, 기존 설정을 깨고 싶지는 않았습니다. 그래서 우리는 Babel과 협력하여 업그레이드를 원하는 사람들을 위해 새롭게 재작성된 JSX 트랜스폼 버전을 제공했습니다.새 트랜스폼을 사용
Git이란?버전을 편하게 관리하는 도구이다.Git은 왜 사용해야 할까?최종 과정까지의 히스토리를 관리할 수 있다.이전 버전으로 타임머신을 타고 돌아갈 수 있다.협업 환경을 만들 수 있다.GitHub란?git으로 저장된 내역들을 원격으로 관리하고 저장하는 공간을 제공하는
기술 그 자체보다도 여러분이 자신있게 얘기할 수 있는 '역량'을 중심으로 작성해보세요. 예를 들어, TDD로 프론트엔드 어플리케이션 개발 역량메가테라 XX 프로젝트에서 xxx 진행데브로드 XX 프로젝트에서 테스트 용이성을 높이는 방향으로 리팩터링하고 테스트 커버리지 x
다들 꾸준히 TIL을 잘 써주셔서 좋네요 👍 사람은 무언가 반복하다보면 내성이 생기고 매니리즘에 빠지기 쉽습니다.지금 TIL 도 점점 그런 기미가 보여서 중간 피드백을 한 번 드립니다.TIL에 깨달은 점, 배운 것들은 다들 잘 써주시는데 그래서? 가 대부분 없습니다.
코딩을 하기 전에 해야 할 일바로 코드부터 쓰지 말라는 이야기 많이 들으셨죠? 코드를 바로 쓰지 않아야 한다면 뭘 해야 할까요? 일단 노트를 펴서 뭔가 끄적거려도, 정확히 뭘 해야 할지 잘 모른다면 시간 낭비처럼 느껴질 거에요.코드를 작성하
Ginkgo - Go 언어 개발자를 위한 BDD 테스팅 프레임워크 (Go 언어 사례)개발자라면 버그란 말을 자주 사용할 겁니다. 버그란 무엇일까요? 이 발표에선 버그란 무엇인지, 버그를 방지하기 위해선 무엇이 필요한지 알아보고 코딩을 하기 전에 해야 할 일과 코딩을 연
리액트란?A JavaScript library for building user interfaces사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리라이브러리란?자주 사용되는 기능들을 정리해 모아 놓은 것이다.(~ 관련 기능, ~관련 기능, ~괌련 기능) → 라이브러
무엇을 배웠는가?1주차부터 다시 개념을 보았다. Node.js의 탄생부터 npm과 node_modules 그리고 package.json의 흐름을 알게 되었다. 좋았던 점은?그냥 넘어갔던 개념을 정확히 정의하고 흐름을 알게 되었다.아쉬운 점은?2주차까지 공부했어야 했는데
터미널컴퓨터 시스템과 상호 작용하기 위한 텍스트 기반 인터페이스를 제공하는 하드웨어 장치 또는 소프트웨어 응용 프로그램이다.macOS의 터미널, Windows의 명령 프롬프트 같은 소프트웨어 응용 프로그램CLI텍스트 기반 환경에서 명령을 입력하여 컴퓨터 시스템 또는 소
다음을 포함하는 파일이다. - 프로젝트에 대한 모든 관련 정보 - 프로젝트에 설치된 종속성 프로젝트에 해당 패키지의 최신 버전을 설치하면 package.json에 저장된다.
모던 자바스크립트 Deep Dive - Module모던 JavaScript 튜토리얼 - 동적으로 모듈 가져오기모듈과 CommonJS vs ES modules
NPM(Node Package Manager)package.json / package-lock.jsonnode_modulesnpx
Node.js는 구글의 V8 자바스크립트 엔진을 기반으로 하는 자바스크립트 런타임 환경이다.node history자바스크립트넷스케이프에서 브라우저 내에서 웹 페이지를 조작하기 위한 스크립팅 도구로 만든 프로그래밍 언어이다.넷스케이프의 비즈니스 모델 중 하나는 웹 서버를