본문 바로가기

내가 해냄

 (99)
한빛미디어) 혼공학습단 7기「혼자 공부하는 자바스크립트」6주차 혼공학습단 6주 차. 혼공학습단은 6주간 진행되는 학습단이였기에 이번 주가 마지막이다. 2022년의 시작으로 혼공학습단과 함께 하며 보냈는데 이제는 우리가 헤어질 시간이라니... 뭔가 아쉽기도 하고 다른 커리큘럼을 진행해보고싶기도 해서 8기가 진행된다면 또 신청해볼 예정이다. 5주차 페이스북 그룹 게시글에 족장님이 이렇게 사랑의 화살과 혼공 완료 도장을 쏴주셨다. 족장님 알러뷰 >.@ 6주차에 정리해볼 내용은 문서 객체 모델이다. 사실 DOM이라고 하면 뭔가 굉장히 익숙하지만 문서 객체 모델이라고 풀어쓰면 뭔가 낯선 느낌이다.. 약간 회사에서 정장입고 다니시는 선배님이 집 앞에서 헐랭하게 마주치는 느낌이랄까... 문서 객체 모델 HTML 페이지에서의 여러가지 태그들을 요소(Element)라고 한다. 자바..
패스트캠퍼스 챌린지 34일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 34일 차. 2022년에 시작한 챌린지가 어느덧 2월의 마지막 주말이 되었다. 챌린지를 나름 오래 진행하다보니 양식 작성 후 검수를 대충 하게된다. 마지막이 된 이 시점에서 다시 한 번 초심을 돌이키며 오늘의 포스트를 작성해보겠다. 오늘 작성해볼 내용은 GraphQL이다. GraphQL 어제 33일 차 포스팅에서는 RestAPI에 대해서 간단한 설명을 적어보았다. RestAPI는 요청이 항상 메소드 + URI의 조합으로 이루어져있기때문에 결과물을 완전히 의도대로 다운받아올 수 없다는 단점이 있다. 불필요하게 여러번을 요청해야할 수도 있고, 조회해온 데이터가 불필요한 데이터들을 많이 포함하여 용량이 커질 수있다. 이런 문제를 해결하기위해 나온 것이 GraphQL이다. https://graphql.o..
패스트캠퍼스 챌린지 33일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 33일 차. 낮잠을 잠깐 자려고 했는데 그대로 5시간을 자버렸다. 이럴수가. 낮잠을 자고 일어났는데 제일 먼저 든 생각이 챌린지해야지!!였다. 50일동안 진행하는 챌린지이지만 이렇게 챌며들었다. 오늘 정리해볼 부분은 RestAPI이다. RestAPI 메소드와 특정 uri의 형태의 조합으로 서버에 데이터를 조회, 수정, 생성, 삭제하는 방식을 의미한다. // 책 목록보기 axios.get( "https://api.marktube.tv.vl/book:, { headers: `Bearer ${token}" }, ); // uri가 book인 경우 메소드(get)으로 요청을 하게되면 책 목록이 나옴 // 책 상세보기 axios.get( `https://api.marktube.tv.vl/book/${boo..
패스트캠퍼스 챌린지 32일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 32일 차. 지원했던 팀 프로젝트에 떨어졌다 ㅠㅠ.. 팀 프로젝트를 대비해서 리액트 프로젝트 강의도 진행했었는데 너무 아쉬웠다. 프로젝트 진행하는 것도 너무 어려워잉. 아무래도 해당스터디를 진행하면서 팀 프로젝트를 같이 진행하는것이 목표였었기에 아쉬움이 많이 남는다. 그렇지만 나의 공부목표는 단지 팀 프로젝트만을 위한 것이 아니였기때문에 강의는 씩씩하게 계속 진행하고 있다. 프로젝트를 진행했던거라 정리할게 많이 없어서 오늘은 라우터에 대해 간단하게 정리해보겠다. 리액트 라우터 리액트는 SPA(Single Page Application)방식으로써, 새로운 페이지를 로드하지않고 하나의 페이지 안에서 필요한 데이터만 가져오는 형식을 가진다. 리액트는 view만을 담당하는 라이브러리이기때문에 라우팅을 담..
패스트캠퍼스 챌린지 31일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 31일 차. 이전에 패스해놨던 리액트의 프로젝트 강의를 진행해보았다. 리덕스 강의 뒤에 리액트로 만드는 새로운 프로젝트가 있기도 하고 새로 팀 프로젝트를 진행할 수도 있을 것 같아서 프로젝트 강의를 먼저 시작해보았다. 리액트 파트의 리액트 프로젝트 강의는 리액트로 쇼핑몰을 만드는 프로젝트와 나만의 책장을 만드는 프로젝트 두 가지가 있다. 이전에 공부할 때에도 프로젝트로 실습을 해보면서 진행했던 강의가 그냥 수업 강의보다 더 이해가 잘되었던 것 같아서 강의에서 헷갈렸던 부분들도 이번 프로젝트 실습을 진행해보면서 리액트와 더 친해지고 싶다~~ 리액트 프로젝트 진행 다른 강의들과 함께 공부를 조금 더 하고 진행하려했었던 리액트 프로젝트를 오늘 시작했다. Part10에 있는 리액트로 만드는 쇼핑몰 프로젝..
패스트캠퍼스 챌린지 30일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 30일 차. 어느덧 앞자리가 3으로 바뀌었다. 이 말인 즉슨, 50일 챌린지의 절반 이상을 달려왔다는 뜻이다. 아무래도 50일 챌린지이기때문에 기간이 약간 길다고 생각되긴했었는데 하루하루 하다보니까 어느새 절반 이상을 씩씩하게 달려와버렸다. 또 요즘은 패스트캠퍼스에서 진행하는 여러가지 활동들을 하고 있는데 이 50일 챌린지 뿐만 아니라 다른 스터디나 챌린지도 동시에 병행하고 있어서 뭔가 더 책임감을 가지고 열심히 하게되는 것 같다. 그리고 현재는 실수로 전원버튼을 누르는 바람에 블로그 작성 글이 날라가버려서 다시 적고 있는 것이다.. 왜 임시저장이 안되었는가... Reducer(리듀서) 액션을 주면 그 액션이 적용되어 달라진( 안달라질수도 있다.) 결과를 만들어 준다. 항상 같은 input을 받으..
패스트캠퍼스) K-Digital Credit 프로그래밍 첫걸음 시작하기 2주 차 수강후기 | 프로그래밍 기초 인강 이번주에는 같은 강의를 듣는 다른 분들과 함께 스터디를 진행하였다. 1주 차에서 언급했듯이 강의를 진행하면서 소통할 수 있는 슬랙 채팅방이 있었는데 슬랙내에서 스터디를 모집했었다. 내 스터디 시간은 월요일이였었기에 어제(2월 21일)에 스터디를 한차례 진행하고 왔다. 함께 학습내용과 진도율을 공유하며 주마다 목표를 새로 설정하고 끝까지 수강할 수 있게 다짐을 다시 새겨보는 자리를 함께 가졌었다. 그렇게 많은 것을 하고 멋진 것을 뚝딱뚝딱 만들어내는 스터디는 아니지만 같은 목표를 가진 사람들끼리 목표를 공유하고 응원하는 것 자체가 많은 힘이 되었다. 공부든 운동이든 시작하는 것은 힘들지만 시작한 뒤 꾸준하게 하는 것도 시작하는 것 만큼 어렵다고 생각하기에 같이 응원하고 격려하는 스터디가 큰 도움이 되었다...
패스트캠퍼스 챌린지 29일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 29일 차. 챌린지 약 한 달 차가 되어간다. 시간이 이렇게나 빠르다니... 오늘은 리덕스 액션에 관해 정리해보았다. Redux Action (리덕스의 액션) 액션은 사실 그냥 객체(Object)이다. 액션에는 두 가지 형태가 있다. - {type : 'TEST'} => payload 없는 액션 - {type : 'TEST', params: 'hello' } => payload 있는 액션 type만이 필수 프로퍼티(Property)이며 type은 문자열(String)이다. 리덕스의 액션 생성자란? function 액션생성자(...args) { return 액션; } 액션을 생성하는 함수를 "액션 생성자(Action Creator)"라고 한다. 함수를 통해 액션을 생성해서, 액션 객체를 리턴해준다...

티스토리툴바