profile
student_dev
태그 목록
전체보기 (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)
post-thumbnail

프론트엔드 개발 환경 세팅하기

요즘 프론트엔드 분야의 변화가 굉장히 빠르다. 그중에서도 프론트엔드 개발 환경은 특히나 변화가 빠르다.매번 프로젝트 때마다 문서를 생각없이 따라만 해도 세팅이 완료된다면 인지자원을 대단히 아낄 수 있다.매번 바닥부터 만드는 연습을 하세요!자신감이 붙고 시간이 지나면 어

2023년 8월 4일
·
1개의 댓글
·

CodeSandBox 오픈소스에 기여하다

오픈 소스에 기여하는 방법동아리에서 주는 리액트 과제는 CodeSandBox에서 진행해야 한다. 이 Editor는 몇 가지 문제가 있다. console.log를 2개 이상 찍으면 새로 고침했을 때 죽는다. 그리고 객체 뒤에 commas를 추가하면 객체가 새롭게 생성한다

2023년 7월 23일
·
1개의 댓글
·

객체 state 업데이트

Immer로 객체 업데이트하기

2023년 7월 23일
·
1개의 댓글
·

[9장] 타입 변환과 단축 평가

안녕하세요. 멋쟁이사자처럼 11기 유소정입니.

2023년 7월 21일
·
0개의 댓글
·
post-thumbnail

여러 state 업데이트를 큐에 담기

state가 어떻게 동작하는지 이해가 안가서 해결하는데 많은 시간이 걸렸다.클릭을 2번 했을 때 결과이다. 이해한 것을 종이에 나타내봤다. delay 때문에 렌더링 순서가 꼬인 것은 참고하자.컴포넌트는 렌더링 될 때 state를 스냅샷을 한다. state가 0이라면,

2023년 7월 20일
·
0개의 댓글
·

[1주차]

(우리) 대학교의 축제에관련된 정보를 볼 수 있는 웹 애플리케이션입니다.작은 규모로 가장 관심있는/가는 축제 정보 에 대해 설문 조사한 결과 1위에 가수 라인업, 2위에 푸드트럭 안내 가 나왔습니다. 그래서 이를 우선순위로 두고 개발을 시작해보려 합니다.공연가수 라인업

2023년 7월 17일
·
0개의 댓글
·

센트의 JSX Element

공식문서공식문서React 17 릴리즈와 함께 JSX 트랜스폼을 몇 가지 개선하고 싶었지만, 기존 설정을 깨고 싶지는 않았습니다. 그래서 우리는 Babel과 협력하여 업그레이드를 원하는 사람들을 위해 새롭게 재작성된 JSX 트랜스폼 버전을 제공했습니다.새 트랜스폼을 사용

2023년 7월 6일
·
0개의 댓글
·
post-thumbnail

[7월] 함께 자라기

자라기 의도적 수련 p.42 ~ 86

2023년 7월 3일
·
0개의 댓글
·
post-thumbnail

Git

Git이란?버전을 편하게 관리하는 도구이다.Git은 왜 사용해야 할까?최종 과정까지의 히스토리를 관리할 수 있다.이전 버전으로 타임머신을 타고 돌아갈 수 있다.협업 환경을 만들 수 있다.GitHub란?git으로 저장된 내역들을 원격으로 관리하고 저장하는 공간을 제공하는

2023년 7월 2일
·
0개의 댓글
·

2023 하반기 - 미래 이력서

기술 그 자체보다도 여러분이 자신있게 얘기할 수 있는 '역량'을 중심으로 작성해보세요. 예를 들어, TDD로 프론트엔드 어플리케이션 개발 역량메가테라 XX 프로젝트에서 xxx 진행데브로드 XX 프로젝트에서 테스트 용이성을 높이는 방향으로 리팩터링하고 테스트 커버리지 x

2023년 6월 30일
·
0개의 댓글
·

노아의 TIL 조언

다들 꾸준히 TIL을 잘 써주셔서 좋네요 👍 사람은 무언가 반복하다보면 내성이 생기고 매니리즘에 빠지기 쉽습니다.지금 TIL 도 점점 그런 기미가 보여서 중간 피드백을 한 번 드립니다.TIL에 깨달은 점, 배운 것들은 다들 잘 써주시는데 그래서? 가 대부분 없습니다.

2023년 6월 30일
·
0개의 댓글
·

코딩을 하기 전에 해야 할 일

코딩을 하기 전에 해야 할 일바로 코드부터 쓰지 말라는 이야기 많이 들으셨죠? 코드를 바로 쓰지 않아야 한다면 뭘 해야 할까요? 일단 노트를 펴서 뭔가 끄적거려도, 정확히 뭘 해야 할지 잘 모른다면 시간 낭비처럼 느껴질 거에요.코드를 작성하

2023년 6월 29일
·
0개의 댓글
·
post-thumbnail

버그란 무엇인가?

Ginkgo - Go 언어 개발자를 위한 BDD 테스팅 프레임워크 (Go 언어 사례)개발자라면 버그란 말을 자주 사용할 겁니다. 버그란 무엇일까요? 이 발표에선 버그란 무엇인지, 버그를 방지하기 위해선 무엇이 필요한지 알아보고 코딩을 하기 전에 해야 할 일과 코딩을 연

2023년 6월 29일
·
0개의 댓글
·
post-thumbnail

처음 만난 리액트 (1강 ~ 6강)

리액트란?A JavaScript library for building user interfaces사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리라이브러리란?자주 사용되는 기능들을 정리해 모아 놓은 것이다.(~ 관련 기능, ~관련 기능, ~괌련 기능) → 라이브러

2023년 6월 28일
·
0개의 댓글
·

주간회고 11주차

무엇을 배웠는가?1주차부터 다시 개념을 보았다. Node.js의 탄생부터 npm과 node_modules 그리고 package.json의 흐름을 알게 되었다. 좋았던 점은?그냥 넘어갔던 개념을 정확히 정의하고 흐름을 알게 되었다.아쉬운 점은?2주차까지 공부했어야 했는데

2023년 6월 25일
·
0개의 댓글
·

터미널, CLI, 콘솔, 쉘

터미널컴퓨터 시스템과 상호 작용하기 위한 텍스트 기반 인터페이스를 제공하는 하드웨어 장치 또는 소프트웨어 응용 프로그램이다.macOS의 터미널, Windows의 명령 프롬프트 같은 소프트웨어 응용 프로그램CLI텍스트 기반 환경에서 명령을 입력하여 컴퓨터 시스템 또는 소

2023년 6월 24일
·
0개의 댓글
·
post-thumbnail

package-lock.json이 필요한 이유

다음을 포함하는 파일이다. - 프로젝트에 대한 모든 관련 정보 - 프로젝트에 설치된 종속성 프로젝트에 해당 패키지의 최신 버전을 설치하면 package.json에 저장된다.

2023년 6월 22일
·
0개의 댓글
·

ES Modules 의 등장

모던 자바스크립트 Deep Dive - Module모던 JavaScript 튜토리얼 - 동적으로 모듈 가져오기모듈과 CommonJS vs ES modules

2023년 6월 21일
·
0개의 댓글
·

모듈화와 npm

NPM(Node Package Manager)package.json / package-lock.jsonnode_modulesnpx

2023년 6월 21일
·
0개의 댓글
·

Node.js 란?

Node.js는 구글의 V8 자바스크립트 엔진을 기반으로 하는 자바스크립트 런타임 환경이다.node history자바스크립트넷스케이프에서 브라우저 내에서 웹 페이지를 조작하기 위한 스크립팅 도구로 만든 프로그래밍 언어이다.넷스케이프의 비즈니스 모델 중 하나는 웹 서버를

2023년 6월 21일
·
0개의 댓글
·