본문 바로가기

다채로운 이야기

 (74)
챕터 1을 마치며 (항해) 지난 챕터를 돌아보며챕터1을 한 문장으로 : 그래도 남았다챕터1에서 가장 기뻤던 순간 : 도움없이 내가 문제 풀었을 때, 챕터1에서 기억에 남는 트러블슈팅 : 뭘해도 failed이 뜬거..?다음 챕터 시작을 앞두고,챕터1에서 가장 기억에 남는 성취 : 음.. 그래도 나름대로 리액트 작동원리에 대해 공부한 내용들다음 챕터에서 반드시 달성하고 싶은 목표 :  1)다음 챕터를 공부해야하긴 하지만 시간 날때,  지금까지 못 풀었던 문제들 다시 풀어봐서 통과시키기 2) 진도 잘 따라가기..
공부한거 정리 공부하면서 비록 컴퓨터에 관한 공부지만 아날로그식으로 손글씨를 자주 씁니다. 그래서 좀.. 내용이 두서없을거예요그냥 제 기억을 위해 정리한 내용이라.. 1. callback함수일단 이 함수 자체를 이해하는거가 너무 힘들었습니다. 굳이 왜 써야하는지 그리고 왜 파라미터에 왜!! 함수가 들어가서 날 그리도 힘들게 하는건지.. 그래서 gpt한테 물어봤어요. 대체 왜 쓰냐고... 그러니 아래와 같이 알려주더라구요 callback 함수를 인자로 사용하는 이유는 주로 다음과 같습니다:비동기 작업 처리: JavaScript에서 비동기 작업을 처리할 때, 특정 작업이 완료된 후에 실행할 코드를 지정할 수 있습니다. 예를 들어, 서버로부터 데이터를 가져오는 동안 기다릴 필요 없이 다른 작업을 계속 진행할 수 있습니다.코..
항해 팀 회고록 2주차 1.  이번 주차를 지나며 겪었던 문제가 무엇이었는지   -문제 : 과제 난이도 상승으로 그에 대한 부담, 나의 한계에 대한 생각, 시간 관리 등등의 문제    위와 같은 사항들이 문제였습니다. 과제가 쉬운 수준은 아니었겠지만, 실무 경험이 있음에도 문제를 풀지 못한다는심리적 압박으로 인해 멘탈이 흔들렸습니다. 자신에 대한 생각을 하게 되었고, 그로인해 내린 결론은 과제도 중요하지만 내 단계도 중요하다고 생각했습니다. 그래서 비록 느리더라도 기초부터 잘 잡아가자는 생각을 했습니다.  2,3 . 문제를 해결하기 위해 어떤 시도를 하셨나요? 그리고 문제를 어떻게 해결했나요? - 처음에는 항해에서 제공해준 자료를 위주로 학습한 후, 문제에 대입해 보려고 했습니다. 근데 생각처럼 잘 되지 않아 gpt를 사용하여..
항해 프론트엔드 2기 1주차 회고록 1. 이번 주차를 지나며 겪었던 문제가 무엇이 있었나?음.. 현업에서 React를 쓸 때, 급급하게 아무것도 잘 모르는 채로 state 등을 사용했었습니다. 근데 이번에 거의 처음으로 공부하고 사용하려고 봤는데 생각보다 복잡했습니다.그래서 새로운 지식을 받아들이는 데에 어려움이 있었고, 그 지식을 실전에 사용하여 문제를 해결하는 데에 어려움이 있었습니다.2. 문제를 해결하기 위해 어떤 시도를 했나?문제를 풀어보기 위해서는 계속 도전하는 방법 밖에 없다고 생각합니다.계속 구글링을 하고, 이해가 안가는 부분이 있으면 gpt와 함께 대화를 하며 문제를 해결하고 이해하려고 노력했습니다. 그리고 잊지 않기위해 WIL을 작성하며 공부했던 내용을 정리했습니다. 3. 문제를 어떻게 해결했나?위에서 언급한 것과 같이 도..
React component (부모 컴포넌트란?!) 부모 컴포넌트란 하나 이상의 자식 컴포넌트를 가지고 있고, 그에게 상태를 전달하고, 필요한 경우 상태를 업데이트한다..음.. 뭔가 직관적이지 않은 느낌이랄까..? 뭔지는 알겠는데 설명하기 어려운 부분..?그래서 gpt와 함께 공부를 해봤다.  우선 부모 컴포넌트는 1, state관리, 2,데이터 전달(props로 전달) , 3, UI 상태 조정의 역할을 합니다.즉, state를 가지고 있으면 부모 컴포넌트로 봐도 되는 것 같아요. 예로 useState, useReducer등등. import React, { useState } from 'react';import ChildComponent from './ChildComponent';const ParentComponent = () => {  const [co..
React anti-pattern Medium 사이트 번역 + 제가 이해한 내용입니다. 내용 중에 틀린 부분이 있을 수 있으니 첨부드린 본문을 위주로 읽어주시기 바랍니다. (본문에는 10가지의 상황이 나옵니다. 근데 제가 잘 모르는 부분만 발췌하여 번역한 점, 양해 부탁드리겠습니다.)  React anti-pattern이란 react를 사용하면서 피해야 하는 사항들입니다.  1. Props drilling: 부모 컴포넌트에서 자식 컴포넌트로 state를 전달하는 과정인 그 중간 단계를 가리키는 말->  이를 해결하기 위한 방법은 redux, context api가 있다 -> 이 둘은 state를 외부에서 관리할 수 있게 해주는 것임. 그래서 state상에 문제가 발생했을 때, 그 발생된 컴포넌트를 찾아 헤매이지 않고 모아놓은 파일만 보..
항해 플러스 프론트엔드 2기 1. 지금까지의 회고 :  지금까지 하나의 언어를 진득하게 공부한 적이 없었습니다. 그래서 이번 기회를 통해 하나의 언어를 깊이 배워 제 실력을 높이고 싶습니다. 2. 항해 플러스 참여 계기 : 처음 개발을 시작했을 때, 제가 맞는 분야가 백인지 프론트인지 헷갈렸었습니다.  그러나 이제는 헷갈리지 않게 되어 한 놈만 파려고 참여하게 되었습니다.  3. 향후 5년 뒤 커리어 방향성 : 일단 1년 안에 캐나다로 이직할 계획입니다. 그 쪽에서 2년 정도 일하고, 일이 잘 풀리면 미국으로 넘어가 개발을 계속 이어가고 싶습니다. 그 후, 4~5년 뒤에 한국으로 돌아와서 프론트엔드 강자가 되어있고 싶습니다 ㅎ 4. 10주간의 목표 : 캐나다 이직이라는 확고한 목표가 있기 때문에 최대한 제가 할 수 있는 최선을 다 ..
git 문제 해결 (error : cannot lock ref ) error : cannot lock ref ~~라는 문제 발생 이는 아직 local에 브랜치의 현재 상황을 반영하지 못해서 나타나는 현상예로 한 브랜치를 삭제했는데 local상황에는 반영되지 못해 문제가 발생 git remote prune origin을 실행하여 remote의 상황을 로컬에 반영시켜주는 것 update와 다른 것은 update는 삭제된 것은 반영하지 않음 https://shbear-coding.tistory.com/17https://blog.naver.com/PostView.naver?blogId=kdqer&logNo=222467043358&parentCategoryNo=&categoryNo=18&viewDate=&isShowPopularPosts=true&from=search

티스토리툴바