feel_2

[WIL] 바닐라코딩 부트캠프 8주차 후기 - redux, 전역으로 끌어올리기!

이번주는 전역상태로 상태를 관리하는 것을 목표로 과제를 진행하였다. 보통 상태를 지역변수로 관리하거나, 공통으로 쓰는 상태라면 부모로 상태를 끌어올려서 상태를 관리한다. 그런데 만약 상태를 부모 자식 관계가 아닌데도 다른 컴포넌트에서 사용을 해야한다면 어떻게 해야할까?그럴때 바로 전역으로 상태를 끌어올려서 관리를 하면 된다! 그럼 한번 시작해보자! 이번주 과제✅ 과제 주제 이번주 과제는 React Redux를 이용하여, 캘린더 사이트를 만들어 보는 걸 진행하였다.캘린더를 실제로 그려보고, 이벤트를 등록하거나 수정하는 것까지를 목표로 과제를 진행하였다. ✅ 사전에 알아야 하는 개념 전역 상태 관리 도구인 Redux를 알아보기 전에 전역 상태가 왜 필요한지부터 알면 좋을 것 같다. 전역 상태?여러 컴포넌트가..

안녕! 나는 러버덕이야!이번 시간에는 브라우저가 랜더링 되는 과정을 한번 살펴볼거야 덕!오늘도 신나게 달려볼까?? Q. 안녕!! 나는 러버덕이야. 오늘은 브라우저 랜더링에 대해서 알아보려고 해! A. 좋아!! 브라우저 랜더링은 웹개발자에게 있어서 모르면 안되는 필수 지식이지! Q. 브라우저라고 하면 우리가 인터넷을 할 수 있는 창을 얘기하는 거야? A. 맞아! 브라우저는 정확히는 웹 브라우저를 말하는 건데… 브라우저(웹 브라우저, Web Browser)는 웹사이트를 탐색하고 표시하는 프로그램이야.우리가 컴퓨터를 하면 많은 프로그램을 볼 수 있지? 나는 게임을 좋아하지는 않지만, 롤이나 배그 같은 것도 하나의 프로그램이지!이 웹 브라우저는 사용자가 인터넷에 접속해서 웹페이지를 볼 수 있도록 해주는 소프트웨..

안녕??? 나는 러버덕이야. 이번 시간에는 target과 currentTarget에 대해서 알아볼거야 덕!오늘도 한번 시작해볼까??? Q. 안녕!! 나는 러버덕이야. 오늘은 target과 currentTarget에 대해서 알아보려고 해! A. 응 좋아!! 이것도 처음 웹개발을 시작하는 사람에게 중요한 개념이니까 꼭 알아보고 넘어가면 좋을 것 같아 🙂 Q. target이라고 하면 뭔가 대상인 것 같은데… 어떤 걸 할때의 대상이야? A. 그게 바로 이벤트가 일어날 때의 대상이야!! ✅ 이벤트 자바스크립트에서 이벤트란, 무언가 발생한걸 의미해. 일상에서도 뭔가 니 인생에 큰 이벤트가 발생했다는 말을 종종 쓰잖아?마찬가지로 브라우저에서도 뭔가 발생했다는 걸 이벤트가 발생했다고 표현을 해!그래서 자주 사용되는 ..

이번주는 Hook을 제대로 다루는걸 위주로 과제를 진행하였다.Hook이란 React 16.8에서 도입되어 함수형 컴포넌트에서 상태와 사이드 이펙트를 관리하는 방식을 혁신적으로 변경을 했다고 한다.React를 하면서 Hook을 제대로 이해를 못한다면, react로 프로젝트를 진행하는 것이 어려울만큼 아주 중요하다고 생각한다.그럼 시작해보자! 이번주 과제✅ 과제 주제이번주 과제는 React Hook을 활용하여 모의 유튜브 사이트를 만들어 보는 걸 진행하였다.실제로 유투브 API를 이용하기 위해서 API key를 발급받아 유튜브의 비디오 리스트를 API를 통해서 받고, 화면을 구성하는 것을 이번주에 진행하였다. ✅ 사전에 알아야 하는 개념 이번주는 Hook을 중점적으로 알아보고 시작하였다. Hook? Reac..

안녕??? 나는 러버덕이야. 이번시간부터 개발 관련해서 질문과 대답 형식으로 시리즈를 이어가 볼 생각이야.이 글을 쓰는 목적은 나중에 면접을 볼 때 조금이나마 도움이 될 수 있지 않을까 하는 것과 개발을 잘 모르는 사람들도 쉽게 이해가 되면 좋겠다는 취지로 시작해보려고 해.그러니 이해가 안되거나, 질문이 있으면 댓글로 달아주어도 좋아!!그럼 한번 시작해볼게 덕! Q. 안녕!! 나는 러버덕이야. 오늘은 var, let, const 에 대해서 한번 알아보려고 해! A. 응 좋아!! 처음이라 떨리지만 한번 잘 대답해 볼게. 궁금한게 해소될 때 까지 나에게 계속 질문을 줘! Q. 아주 친절한걸?? 그럼 첫 질문이야. var가 뭐야?? A. 아주 좋은 질문이야!! 어디서부터 대답을 해야할지 모르겠지만, 최대한 초..

이번주부터 프론트엔드 첫번째 주가 시작되었다.지금까지 JS 공부는 기초를 닦는 과정이었다면, 지금부터는 닦은 기초를 가지고 활용하는 시간이다. 이전에 회사에서 일할 때 Vue.js 써서 개발을 해보긴 했지만, React는 거의 처음이라 다른 동기들과 비슷한 상황이다.어쨌든 오늘도 한번 달려보자! 이번주 과제✅ 과제 주제 이번주 과제는 React 를 활용하여 페이지를 구현하는 것이다. 앞으로 4주 동안은 계속해서 react 를 활용하여 페이지를 구성할 것 같다.다만, 소스 자체는 공개하면 안되기 때문에 어떤 개념이 들어갔는지, 어떤 성능 개선이나 트러블슈팅은 어떻게 했는지를 같이 살펴보면 좋을 것 같다. ✅ 사전에 알아야 하는 개념 들어가기에 앞서 Thinking in React에 대해서 빠르게 짚고 넘어..

이번주부터 부트캠프에서 배운 것들을 토대로 매주 후기를 작성하려고 한다.이 글을 작성하는 목적은 매주 회고를 통해 내가 어떤 것들을 배웠고, 느꼈는지 기록으로 남기는 것이다.머릿속에만 있던 것들을 한번 더 정리하며, 글을 작성하면서 내것으로 체화가 될 것이라 생각한다!!!나중에 부트캠프가 다 끝나고 나를 돌아봤을 때 어떻게 성장해왔는지도 글을 통해 알 수 있을 것이다. 그럼 이제 시작해 보겠다. 이번주 과제✅ 과제 주제 이번주 과제는 직접 유틸 함수를 구현해보는 것이었다.보통 우리는 이미 완성되어 있는 유틸리티 함수를 아무 생각없이 편하게 쓴다.(나만 그런가??;;;;)구현하는게 귀찮은 점도 있지만, 내가 구현한 것이 이미 구현한 것보다 완성도가 떨어지는 것을 알고 있어서 그런것일 수도 있다.그래도 직접..

Pod Template 관리jenkins 관리 > Clouds > kubenetes > Pod Templatesdefault or Add a pod templatepod template 선택 > Add Container > container 추가 > 저장 Pipeline 형식pipeline: 우선 가장 먼저 pipeline을 선언, pipeline은 최상위 레벨이 되어야하며 { }으로 정의해야 한다.pipeline {/* insert Declarative Pipeline here */ }pipeline은 Section, Directives, Steps 또는 assignment 문으로만 구성되야 한다.sectionagent: agent를 추가할 경우에 사용 (any, none, label, node, do..

기존에 있던 lib 업로드 1. repository 생성nexus에 로그인 후, create repository 클릭maven2 (hosted) 클릭 새로 만들 repository 내용 작성 Name: 새로 만들 repository 이름Version policy: 어떤 타입의 repository를 만들 것인가Deployment policy: 배포 방법  다 기입 후 Create repository 클릭 2. Repository access Role 생성Roles > Create Role 클릭  Role 내용 작성Type: Nexus roleRole ID: Role IDRole Name: Role Name3가지 작성 후, Modify Applied Privileges 클릭 아까 만든 repository 명..