본문 바로가기

내가 해냄/패스트캠퍼스

 (71)
패스트캠퍼스 챌린지 29일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 29일 차. 챌린지 약 한 달 차가 되어간다. 시간이 이렇게나 빠르다니... 오늘은 리덕스 액션에 관해 정리해보았다. Redux Action (리덕스의 액션) 액션은 사실 그냥 객체(Object)이다. 액션에는 두 가지 형태가 있다. - {type : 'TEST'} => payload 없는 액션 - {type : 'TEST', params: 'hello' } => payload 있는 액션 type만이 필수 프로퍼티(Property)이며 type은 문자열(String)이다. 리덕스의 액션 생성자란? function 액션생성자(...args) { return 액션; } 액션을 생성하는 함수를 "액션 생성자(Action Creator)"라고 한다. 함수를 통해 액션을 생성해서, 액션 객체를 리턴해준다...
패스트캠퍼스 챌린지 28일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 28일 차. 리액트 강의가 끝난 후 리액트를 사용하여 쇼핑몰을 만드는 프로젝트가 있었다. 아직 리액트를 공부하는 과정이기때문에 공부를 조금 더 하고 진행하고 싶어서 우선은 보류하고 리덕스 파트로 넘어왔다. 이번 패캠 챌린지 뿐 아니라 다른 곳에서 진행하는 스터디로 리액트 커리큘럼을 만들어보았기때문에 많은 공부를 더 해보고 만들어보려한다!!! 그래서 오늘 정리해볼 파트는 리덕스이다. 리덕스 그간 리액트를 배울 때 상태관리를 위해서는 컴포넌트와 컴포넌트끼리 연결하여 관리해야한다고 배웠었다. 하지만 컴포넌트들이 다양해지고 복잡해진다면 어떻게 할까? 간단한 수정을 위해서도 연결되어 있는 컴포넌트를 거치고 거치고 거쳐서 코드를 수정하고 수정하고 또 수정해가며 작업을 해야한다. 이런 문제점을 보완하기 위해 ..
패스트캠퍼스 챌린지 27일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 27일 차. 리액트 스터디에 가입했다. 정확히는 여러 스터디를 진행하는 스터디를 가입하게 되었고 리액트 입문 단계의 커리큘럼을 공부하게 되었다. 책임감을 가지고 공부할 일이 더 생겨서 지금 의욕에 가득 차 있다. 2022년 들어서 해야 하는데 생각만 하는 인간에서 계획을 짜고 실행해보는 단계까지 발전했으니 연말에는 아마 지금보다 더 발전한 내가 되어있을 것 같다. 그리고... 취업도 할 수 있겠지...? 어쨌거나 난 멋있는 사람이니까 멋지게 성장할 거야!!! 오늘은 리액트의 실전 활용에 관한 강의를 들어보았다. 간단하게 정리해보려 한다. Controlled Component VS Uncontrolled Component HTML 엘리먼트들 중에서는 상태를 가지고 있는 엘리먼트들이 있다. 자체적으로 상태를..
패스트캠퍼스 챌린지 26일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 26일 차. 리액트 강의를 수강함과 동시에 리액트를 사용하여 유튜브를 클론 코딩하는 프로젝트를 진행 중에 있는데 두가지를 같이 진행하니까 리액트의 구조와 사용법에 어느정도 이해가 되어가고 있다. 처음 배울 땐 좀 어려워서 잘 사용할 수 있겠느냐는 생각이 많이 들었었는데 역시 차근하게 진행해나가니까 차근차근 풀려나가는 느낌이 든다. 아직은 자바스크립트가 더 익숙해서 리액트 프로젝트를 진행할 때에 막히는 부분에선 자바스크립트로는 이렇게 호로록 해버리면 되는데 라는 생각이 자꾸 든다.. 오늘은 리액트 이벤트리스너에 대한 정리를 간단하게 해보았다. React Event Handling HTML DOM 에 클릭하면 이벤트가 발생하고, 발생하면 그에 맞는 변경이 일어나도록 해야한다. class Commp e..
패스트캠퍼스 챌린지 25일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 25일 차. 50일 챌린지의 진행 방식은 하루하루 학습일지를 작성한 뒤 그 다음 주 월요일에 한 주 간 작성한 일지들을 인증하는 폼을 제출하는 방식이다. 챌린지는 어느덧 4주차까지 진행되고 있고 2월 14일 월요일에 한 주간 작성했었던 3주차의 링크들을 제출하였었다. 그러면 이렇게 다음 주 목요일에 미션에 성공했는지 알려주는 메일과 문자가 날아온다. 저번 주에도 한 번 받았었던 메일인데 저번 주와는 느낌이 조금 달랐다. 뭔가 열심히 하고 있다고 알려주는 느낌이라서 뭔가 기분이 묘했다. 힘을 내서 으쌰으쌰 오늘도 달려보았다. Props Props는 컴포넌트 외부에서 컴포넌트에게 주는 데이터이다. 리액트의 컴포넌트들은 여러 가지 데이터를 받아야 하는 경우가 많은데 다른 컴포넌트로부터 넘겨받는 데이터를..
패스트캠퍼스 챌린지 24일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 24일 차. 아직 어려운 듯 안 어려운 듯 친한 듯 안 친한 리액트.... 원래 오늘은 리액트 강의를 쭉 빼고 프로젝트를 만드는 강의를 진행해보려 했는데 낮잠을 자버려서 계획을 수행하지 못했다. 그래서 못한 만큼... 새벽 공부를 쭉 해보려 하는데 집중이 잘 될지 모르겠다. 요즘 전자기기를 보면 눈이 시려서... 눈물이 막 난다... 과연 이 눈물은 눈이 시려서 나는 걸까... 내 코딩 실력 때문에 나는 걸까..? 리액트가 하는 일 리액트가 하는 일은 무엇일지 리액트의 핵심 모듈 2개로 리액트에 대해 알아보자. 1. 리액트 컴포넌트를 HTML에 연결하기 import ReactDOM from 'react-dom'; react-dom으로 부터 React를 import해온다. ReactDOM 은 리액트..
패스트캠퍼스 챌린지 23일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 23일차. 최근에 리액트 스터디를 시작했는데 7일차 과제를 수행하는데 굉장히 어려웠다... 입문 과정이어서 차근차근 잘 따라갈 수 있을 거라고 생각했는데 과제를 수행하는 데에 오랜 시간이 걸렸었고 리액트에 관해 이해를 잘 못 하고 있다는 생각이 들었다. 이에 오늘은 순서대로 진행하던 강의의 순서를 조금 바꿔서 리액트 파트를 먼저 수강하였다. 처음 자바스크립트 첫 강의를 들을 때도 굉장히 어렵다는 느낌을 받았었는데 이것저것 강의와 프로젝트 실습을 하다 보니까 익숙해진다는 느낌을 받았었다. 리액트도 처음이라 어려운 것 같은데 하루빨리 리액트와 친해질 수 있었으면 좋겠다.. 역시 새로운 걸 배운다는 것은 재밌지만 어렵다. 오늘은 리액트에 관해 간단한 설명을 정리해보았다. React A JavaScrip..
패스트캠퍼스) K-Digital Credit 프로그래밍 첫걸음 시작하기 1주차 수강후기 | 프로그래밍 기초 인강 2022년을 맞아서 마음 먹었던 공부 계획 중 하나는 국비지원과정을 수료해보는 것이였다. 혼자 공부하던 것과는 다르게 공부를 더 해보고싶기도 했고, 조금 더 전문적으로 배워보고 싶어서였다. 그래서 패스트캠퍼스 Megabyte School 핀테크 서비스 프론트엔드 개발자 국비지원과정에 신청하였었다. 과정은 3월부터 시작하지만 시작 전 프리코스로 진행되는 디지털 국비지원 교육이 있기에 신청하여 들어보았다. 사전강의를 수강할 지 안할 지에 대해서는 개인의 선택이였고 나는 정해진 기간에 수강신청하여 이번 기회에 프리코스로 프로그래밍 기초강의인 K-디지털 크레딧 프로그래밍 첫걸음 시작하기 강의를 들어보게 되었다. 패스트캠퍼스에서는 따로 슬랙 채널을 공지해주어 채널 안에서도 여러가지 활동을 할 수 있었다. 수강자들..

티스토리툴바