- 전체보기(54)
- 일일신우일신(9)
- 메가테라(7)
- TDD(5)
- 메이커준(4)
- 주간회고(4)
- 멋쟁이사자처럼(3)
- 7주차(3)
- 조언(3)
- react router(2)
- axios(2)
- External Store(2)
- 모각코(2)
- nodejs(2)
- React(2)
- 8주차(2)
- 정주행(1)
- 비교(1)
- 세팅하기(1)
- SRP(1)
- 5월의 책(1)
- 밀린 이해력(1)
- 순례자(1)
- 4주차(1)
- 1강(1)
- 6강(1)
- 처음 만난 리액트(1)
- 2강(1)
- 비지니스 로직(1)
- 온라인 쇼핑몰1(1)
- 개발자를 위한 기술 문서(1)
- 230523(1)
- 9주차(1)
- 연산자(1)
- 자바스크립트 deep dive(1)
- usestore-ts(1)
- CommonJS(1)
- router(1)
- 프론트엔드(1)
- 외로움(1)
- tsyringe(1)
- Hyewon Baek(1)
- 내인생(1)
- forceupdate(1)
- 6월12일(1)
- 3주차(1)
- codeceptjs(1)
- Observer Pattern(1)
- package lock.json(1)
- package.json(1)
- node.js(1)
- 산티아고 라이프스타일(1)
- 8장(1)
- 산티아고(1)
- 과제(1)
- TDD공부법(1)
- ESLint(1)
- 230521(1)
- 6장(1)
- 겸손하자(1)
- jest-dom(1)
- 자바스크립트(1)
- 전승연(1)
- 매트 헤이그(1)
- parcel(1)
- 타인(1)
- repo(1)
- 월요일(1)
- 설명회(1)
- 아샬(1)
- 제어문(1)
- CSS in JS(1)
- 설정하기(1)
- 기술 문서 작성 완벽 가이드(1)
- 행복(1)
- 6주차(1)
- 타운홀최찍(1)
- 드라마(1)
- SNS자랑(1)
- 임동준(1)
- Tsringe(1)
- javascript deep dive(1)
- reflect-metadata(1)
- 나의가능성(1)
- styled components(1)
- 끊임없이 보다 나은 사람이 되어 가자(1)
- 3강(1)
- gitpub(1)
- MSW(1)
- 개발 환경(1)
- 5월31일~6월10일(1)
- template(1)
- 7장(1)
- 4강(1)
- ES6 module(1)
- Fetch(1)
- jest(1)
- 5강(1)
- 독서모임(1)
- 모각일(1)
- 신의메시지(1)
- 모던 자바스크립트 Deep Dive(1)
- styled-reset(1)
- 나아가자(1)
- 데이터 타입(1)
- ES6(1)
- 미드나잇 라이브러리(1)
- 고민(1)
- tip(1)
- 상태관리(1)
- 호델델루나(1)
- 5월14일~6월5일(1)
- typescript(1)
- 주석(1)
- 홀맨(1)
- usehooks-ts(1)
- 노아(1)
- 상태 변경 알림(1)
- 회고(1)
프론트엔드 개발 환경 세팅하기
요즘 프론트엔드 분야의 변화가 굉장히 빠르다. 그중에서도 프론트엔드 개발 환경은 특히나 변화가 빠르다.매번 프로젝트 때마다 문서를 생각없이 따라만 해도 세팅이 완료된다면 인지자원을 대단히 아낄 수 있다.매번 바닥부터 만드는 연습을 하세요!자신감이 붙고 시간이 지나면 어
CodeSandBox 오픈소스에 기여하다
오픈 소스에 기여하는 방법동아리에서 주는 리액트 과제는 CodeSandBox에서 진행해야 한다. 이 Editor는 몇 가지 문제가 있다. console.log를 2개 이상 찍으면 새로 고침했을 때 죽는다. 그리고 객체 뒤에 commas를 추가하면 객체가 새롭게 생성한다
여러 state 업데이트를 큐에 담기
state가 어떻게 동작하는지 이해가 안가서 해결하는데 많은 시간이 걸렸다.클릭을 2번 했을 때 결과이다. 이해한 것을 종이에 나타내봤다. delay 때문에 렌더링 순서가 꼬인 것은 참고하자.컴포넌트는 렌더링 될 때 state를 스냅샷을 한다. state가 0이라면,
[1주차]
(우리) 대학교의 축제에관련된 정보를 볼 수 있는 웹 애플리케이션입니다.작은 규모로 가장 관심있는/가는 축제 정보 에 대해 설문 조사한 결과 1위에 가수 라인업, 2위에 푸드트럭 안내 가 나왔습니다. 그래서 이를 우선순위로 두고 개발을 시작해보려 합니다.공연가수 라인업
센트의 JSX Element
공식문서공식문서React 17 릴리즈와 함께 JSX 트랜스폼을 몇 가지 개선하고 싶었지만, 기존 설정을 깨고 싶지는 않았습니다. 그래서 우리는 Babel과 협력하여 업그레이드를 원하는 사람들을 위해 새롭게 재작성된 JSX 트랜스폼 버전을 제공했습니다.새 트랜스폼을 사용
Git
Git이란?버전을 편하게 관리하는 도구이다.Git은 왜 사용해야 할까?최종 과정까지의 히스토리를 관리할 수 있다.이전 버전으로 타임머신을 타고 돌아갈 수 있다.협업 환경을 만들 수 있다.GitHub란?git으로 저장된 내역들을 원격으로 관리하고 저장하는 공간을 제공하는
2023 하반기 - 미래 이력서
기술 그 자체보다도 여러분이 자신있게 얘기할 수 있는 '역량'을 중심으로 작성해보세요. 예를 들어, TDD로 프론트엔드 어플리케이션 개발 역량메가테라 XX 프로젝트에서 xxx 진행데브로드 XX 프로젝트에서 테스트 용이성을 높이는 방향으로 리팩터링하고 테스트 커버리지 x
노아의 TIL 조언
다들 꾸준히 TIL을 잘 써주셔서 좋네요 👍 사람은 무언가 반복하다보면 내성이 생기고 매니리즘에 빠지기 쉽습니다.지금 TIL 도 점점 그런 기미가 보여서 중간 피드백을 한 번 드립니다.TIL에 깨달은 점, 배운 것들은 다들 잘 써주시는데 그래서? 가 대부분 없습니다.
코딩을 하기 전에 해야 할 일
코딩을 하기 전에 해야 할 일바로 코드부터 쓰지 말라는 이야기 많이 들으셨죠? 코드를 바로 쓰지 않아야 한다면 뭘 해야 할까요? 일단 노트를 펴서 뭔가 끄적거려도, 정확히 뭘 해야 할지 잘 모른다면 시간 낭비처럼 느껴질 거에요.코드를 작성하
버그란 무엇인가?
Ginkgo - Go 언어 개발자를 위한 BDD 테스팅 프레임워크 (Go 언어 사례)개발자라면 버그란 말을 자주 사용할 겁니다. 버그란 무엇일까요? 이 발표에선 버그란 무엇인지, 버그를 방지하기 위해선 무엇이 필요한지 알아보고 코딩을 하기 전에 해야 할 일과 코딩을 연
처음 만난 리액트 (1강 ~ 6강)
리액트란?A JavaScript library for building user interfaces사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리라이브러리란?자주 사용되는 기능들을 정리해 모아 놓은 것이다.(~ 관련 기능, ~관련 기능, ~괌련 기능) → 라이브러
주간회고 11주차
무엇을 배웠는가?1주차부터 다시 개념을 보았다. Node.js의 탄생부터 npm과 node_modules 그리고 package.json의 흐름을 알게 되었다. 좋았던 점은?그냥 넘어갔던 개념을 정확히 정의하고 흐름을 알게 되었다.아쉬운 점은?2주차까지 공부했어야 했는데
터미널, CLI, 콘솔, 쉘
터미널컴퓨터 시스템과 상호 작용하기 위한 텍스트 기반 인터페이스를 제공하는 하드웨어 장치 또는 소프트웨어 응용 프로그램이다.macOS의 터미널, Windows의 명령 프롬프트 같은 소프트웨어 응용 프로그램CLI텍스트 기반 환경에서 명령을 입력하여 컴퓨터 시스템 또는 소
package-lock.json이 필요한 이유
다음을 포함하는 파일이다. - 프로젝트에 대한 모든 관련 정보 - 프로젝트에 설치된 종속성 프로젝트에 해당 패키지의 최신 버전을 설치하면 package.json에 저장된다.
ES Modules 의 등장
모던 자바스크립트 Deep Dive - Module모던 JavaScript 튜토리얼 - 동적으로 모듈 가져오기모듈과 CommonJS vs ES modules
모듈화와 npm
NPM(Node Package Manager)package.json / package-lock.jsonnode_modulesnpx
Node.js 란?
Node.js는 구글의 V8 자바스크립트 엔진을 기반으로 하는 자바스크립트 런타임 환경이다.node history자바스크립트넷스케이프에서 브라우저 내에서 웹 페이지를 조작하기 위한 스크립팅 도구로 만든 프로그래밍 언어이다.넷스케이프의 비즈니스 모델 중 하나는 웹 서버를