본문 바로가기

열정가득한 개발자의 이야기

 (57)
항해 프론트엔드 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
포켓몬 (자바 비기너) 안녕하세요!정말 오랜만에 포스팅하네요오늘부터 코테 스터디를 시작해서 이에 대한 내용을 한 땀 한 땀 정리하려고 합니다.일단 문제는 아래 링크를 통해 들어가셔서 확인해 주세요!https://school.programmers.co.kr/learn/courses/30/lessons/1845?language=java 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 문제 요약 :1) nums / 2한 길이를 넘으면 안 됨2) nums/2한 길이와 동일한 수로 중복이 되면 안 됨 -> 음.. 이 부분이 좀 이해가 안 가요 솔직히,,예로 {1,2,3,3)이 들어있으면 경우..
오류해결 (node.js / npm) 다른 컴퓨터에서 하던 개인 플젝을 내 개인 컴터로 옮겨와서 공부하려고 했다..git clone할 때마다 긴장.. 이번엔 어떤 문제로 나를 놀래켜 줄지.. 짜릿해 후 npm install하니까 permission이 없다고 해서 sudo로 다시 했다.. 근데 반응이 뜨뜨미지근..그러고 install이 끝나서 npm start를 하니까 start라는 명령문이 이 없대그래서 package.json의 script부분에 넣어줌"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "react-scripts start" }, 호호...그래도 안되네 허허허그러다 버전 문제인거 같아서 rm - rf nodemodules, rm -rf pa..
AI 네이버 부스트 캠프 1주차 (machine learning) AI로 전향할 생각은 없지만 기본적으로 알아야 할 것 같아서 네이버 부스트 캠프를 시작했다.저번주가 1주차인데... 시험이 있어서 1주 차를 이제야 듣는다ㅜㅜ  EDA 탐색적 데이터 분석데이터를 탐색하고 가설을 세우고 증명하는 과정: 데이터를 이해하고 특징을 찾아내는 과정최대한 많은 가설을 세우고 진행 Numpy -> 수치 분석 및 시뮬레이션, 다차원 배열 객체에 강점Pandas -> 다양한 데이터 원본과 작업에 강점, 데이터 분석, 데이터 정리 또는 시각화: 넘피는 대량의 데이터에 대한 수치 연산에서 더 효율적, 판다스는 데이터 조작 및 분석 작업에 더 적합 데이터 전처리 : 머신러닝 모델에 데이터를 입력하기 위해 데이터를 처리하는 과정 -> EDA와 비슷연속형, 범주형 처리연속형 : -> 방법 : s..

티스토리툴바