# 우아한테크러닝

37개의 포스트

우아한테크러닝 4기 : 나만의 노션 만들기 (feat.시니어봇) #3

Introduce 3번째 시간에는 pull request 에 대해 살펴보았다. (각각의 pr 에 대한 설명도 함께!) 첫번째 PR Content 1 코드 샌드 박스를 이용해서 Draft.js 를 구현 Feedback 본인이 구현하는 것을 소개하는 시간에 비슷한 유형

3일 전
·
0개의 댓글
post-thumbnail

우아한테크러닝 4기 "나만의 노션 만들기(feat.시니어봇)" 4차시

우아한테크러닝 4차시가 끝났습니다. 저번에 이야기했던 Bold, Italic, Underline을 글자 드래그 했을 때 팝업 형태로 나타나는 것을 구현한 PR을 함께 살펴봤습니다. 그리고 지금까지 진행하던 방식의 한계를 느끼고 진행 방식을 함께 논의해 바꾸는 시간도 있

2021년 6월 10일
·
0개의 댓글
post-thumbnail

우아한테크러닝 4기 "나만의 노션 만들기(feat.시니어봇)" 3차시

우아한테크러닝이 3차시까지 끝났습니다! 이번에는 저번 시간 과제로 나왔던 프레임워크 살펴보기, 로그인 연결하기를 구현해 PR을 날린 걸 코드리뷰 하는 방식으로 진행되었습니다. 아래는 제가 정리한 내용입니다.

2021년 6월 9일
·
0개의 댓글

우아한테크러닝 4기 : 나만의 노션 만들기 (feat.시니어봇) #2

두번째 시간에는 어떤 서비스를 만들 것인지 기획하고, 어떤 기능을 넣을 것인지, 어떤 라이브러리를 이용할 것인지에 대해 말했다. 본인이 만든 것에 대한 발표, 나의 생각을 녹아내리는 게 중요하다. 다른 사람들에게 설명할 수 없으면 모르는 거라고 생각한다.

2021년 6월 4일
·
0개의 댓글

우아한테크러닝 4기 : 나만의 노션 만들기 (feat.시니어봇) #1

감사하게도 우아한 테크러닝에 참여할 수 있게 되었다! 그동안 리액트, 타입스크립트 관련한 내용들을 배워보고 싶었는데, 좋은 기회인 만큼 잘 따라가야 되겠다는 생각이 가장 컸다. 🙂 👍 첫번째 시간에는 코딩 자체를 다루진 않았고, 아이스브레이킹, Q&A와 아래 질문

2021년 6월 4일
·
0개의 댓글
post-thumbnail

우아한테크러닝 4기 "나만의 노션 만들기(feat.시니어봇)" 2차시

우아한테크러닝4기 미니노션 만들기의 2차시가 끝났습니다.이번에는 우리가 1달 간 어떤 서비스를 만들 것인지 기획을 확정하고, 그 목표를 달성하기 위해 어떤 기능을 넣을 것인지, 어떤 프레임워크를 이용해 개발할 것인지 이야기를 나눠보았습니다.아래는 제가 정리한 내용입니다

2021년 6월 3일
·
1개의 댓글
post-thumbnail

우아한테크러닝 4기 "나만의 노션 만들기(feat.시니어봇)" 1차시

우아한 테크러닝 4기가 출발했습니다! 우아한형제들의 우아한테크에서 하는 리액트, 타입스크립트 관련 교육인데, 운이 좋게도 제가 참여할 수 있게 되었습니다. 오늘은 처음 보는 시간이라 아이스브레이킹, Q&A와 아래 질문 4개를 답하며 진행이 되었습니다. 아래는 제가 첫

2021년 6월 1일
·
2개의 댓글
post-thumbnail

우아한테크러닝 4기

우아한테크러닝 4기 문상진입니다.매주 배우고 익힌 것들을 정리하고 기억하기 위해 기록으로 남기려 합니다.

2021년 5월 30일
·
0개의 댓글

daily8) 우아한 테크러닝 React&TypeScript

드디어 마지막 강의날입니다!!😂😂이날은 redux관련되어 예제 중심으로 살펴보았습니다.예제 내용은 추가할 예정mobx는 기능이 매우 다양하여 document를 참고해가며 하나씩 공부해나가면 좋을 것 같습니다.react없이도 사용가능하며 react와 잘 쓸수 있도록

2020년 9월 25일
·
0개의 댓글

daily7) 우아한 테크러닝 React&TypeScript

외부상태에 의존적인지 여부에 따라 크게 나눌 수 있습니다.외부상태에 의존적이라는 것은 비즈니스 로직을 품고 있는지를 의미합니다.프로젝트를 구성할 때 아래와 같이 나눌 수 있습니다.비즈니스 로직을 담고 있으며 상태를 가져와 하위 컴포넌트를 결합합니다.개별 컴포넌트로 비즈

2020년 9월 23일
·
0개의 댓글

daily6) 우아한 테크러닝 React&TypeScript

플랫폼, 틀만 제공해주는 역할을 합니다.webpack를 지하철역으로 예를 들면 그 안에 상점이나 지하철 등은 플러그인이나 로더 등 웹팩을 구성하기 위해 여러가지것들을 의미합니다.middleware의 역할을 합니다. entry로 부터 파일을 읽어온후 loader에 넘겨주

2020년 9월 23일
·
0개의 댓글
post-thumbnail

daily5) 우아한 테크러닝 React&TypeScript

webpack공부하기 좋은 사이트https://joshua1988.github.io/webpack-guide/tutorials/code-splitting.html#%EC%8B%A4%EC%8A%B5-%EC%A0%88%EC%B0%A8

2020년 9월 21일
·
0개의 댓글
post-thumbnail

우아한 테크러닝 3기 React & TypeScript 2회차 (3)

index.jsredux.jsaction : 상태 변화가필요할 때 객체의 형태로 발생시킴. type 필드는 필수적으로 가지고 있어야하고 추가적으로 다른 필드도 가질 수 있다.action 생성함수: 액션을 만드는 함수. 액션 객체를 만들 때 필요한 데이터를 인자로 받아

2020년 9월 18일
·
0개의 댓글
post-thumbnail

우아한 테크러닝 3기 React & TypeScript 2회차 (2)

new 연산자 new 연산자가 호출되면 새로운 빈 오브젝트를 생성하고 this를 새롭게 생성된 객체에 바인드 시킨다. 새롭게 생성된 this는 constructor(생성자) 역할을 한다. foo 함수는 생성자 함수가 된다. y는 new 연산자로 호출된 foo()함수

2020년 9월 18일
·
0개의 댓글
post-thumbnail

#5 우아한 테크러닝 3기 2주차 - 2

컴포넌트 디자인 및 비동기index.js클래스형 App.jsArrow Function 은 lexical scope 를 따르기에 this 를 bind 해줄 필요가 없다.(this 가 고정된다.)함수형 App.js상태(state)는 클래스형 컴포넌트에서만 사용 가능했다.

2020년 9월 17일
·
0개의 댓글
post-thumbnail

#4 우아한 테크러닝 3기 2주차 - 1

특정 데이터(list)를 어떠한 형태(app)로 어디(rootElement)에 그려주는 일련의 과정.(위의 간단한 예시와 같이) 위 app 함수는 직접 DOM 에 접근해 다루기에 권장하지 않는다.규모가 커지면 리팩토링 등 겉잡을 수 없이 개발이 어려워지기 때문이다. 즉

2020년 9월 17일
·
0개의 댓글
post-thumbnail

#3 우아한 테크러닝 3기 1주차 - 2

2020년 09월 03일 목요일Javascript의 타입과 변수 선언법 :link:(- Javascript의 값 :link:(- Javascript의 함수 :link:(- ES6 이후 변형된 함수 문법 :link:(- new 연산자와 함수와 인스턴스 객체

2020년 9월 17일
·
0개의 댓글

우아한 테크 러닝 3기 세미나 내용 정리 part.5🙌🙌

webpack, middleware -saga 알아보기

2020년 9월 17일
·
0개의 댓글
post-thumbnail

우아한 테크러닝 3기 React & TypeScript 2회차 (1)

우아한 테크러닝 강의 2회차 (2020.09.03) Javascript에서의 값 > javascript는 거의 모든 것이 값이다. 숫자도, 객체도 함수도 값이다! x는 변수, 10은 값이다. javascript에서 값이라는 것은 모든 변수에 넣을 수 있다 => 함

2020년 9월 16일
·
0개의 댓글

우아한 테크 러닝 3기 세미나 내용 정리 part.4🙌🙌

우아한 테크 러닝 3기 세미나 내용 정리 part.4🙌🙌

2020년 9월 15일
·
0개의 댓글