본문 바로가기

분류 전체보기38

[GIT] 실무에서 자주쓰는 Git 명령어 정리 개발자들은 업무를 할때 대부분 git을 사용해서 코드관리를 할것이다. 작업을 하다보면 브랜치를 나눠서 커밋을 작업하는경우가 많을것이고, 커밋의 양도 많아질것인데 브랜치를 위 이미지처럼 master, hotfix, release 등 여러개로 나눠서 관리하는 팀에서는 커밋관리가 단순하지는 않을거라고 생각한다.develop에는 올라가도되지만 master나 release에는 올리지말아야할 커밋이 있을거고,여러 커밋들중 하나만 콕 집어내서 처리해줘야하는 경우도 많았는데, 그럴때마다 git 명령어를 다양하게 사용해서 처리하고있다. 그래서 내가 실무에서 자주쓰는 git 명령어를 정리해보려고 한다.git cherry-pick 커밋 복사하기- 브랜치에 쌓여있는 특정 커밋을 콕 찝어서 빼올수있다.- 커밋을 복사한다고 생각.. 2024. 7. 26.
[쏙쏙 들어오는 함수형 코딩] chapter 1~5정리 개요부수효과를 없애라!부소효과를 잘 관리해서 코드의 아무곳에나 있지않도록 하는것계산, 액션액션은 부수효과를 가진다.배열, 리스트, 데이터베이스와 같은 컬렉션을 하나씩 처리하지않고, 한번에 처리한다.항목이 독립적일때 가장 효과적이다!ch1. 쏙쏙 들어오는 함수형 코딩에 오신것을 환영합니다goal함수형 사고가 무엇인지 설명한다.다른 함수형 프로그래밍 책과 어떻게 다른지 알 수 있다.함수형 프로그래머가 코드를 바라보는 방법을 알게된다.함수형 프로그래밍은 무엇인가요?부수효과 : 함수가 리턴값이외에 하는 모든일. 함수를 부를때마다 발생하기때문에 의도하지않게 부수효과가 발생할 수 있다.순수함수 : 인자에만 의존하고 부수효과가 없는 함수이다.함수형 프로그래밍 정의에서는 부수효과가 없는것이 특징이라고 말하고있지만, 현.. 2024. 7. 22.
Error 객체를 JSON.stringify에 넣으면 빈객체가 출력되는건에 대하여 해결책const testError = new Error("this is Error");JSON.stringify(testError, Object.getOwnPropertyNames(testError)) 아래 내용은 위의 해결책 코드가 어떻게 동작하는지에 대한 정리입니다.해결책만 원하신다면 위에있는코드를 참고하시면됩니당~상황try~ catch구문을 사용할때 catch의 인자로 넘어오는 error 객체를 stringify해서 다른 페이지로 전달해줘야했는데,JSON.stringify()에 error 객체를 넘겨주면 빈 객체가 출력됨 일단 console 창에서 error 객체의 출력을  테스트해봤다const testError = new Error("this is Error"); 해당 에러 객체가 있을때1. co.. 2024. 4. 27.
[독서] GraphQL 2강 - 그래프이론 - 그래프란 상호 연관된 사물이나 사람, 개념 또는 데이터를 다이어그램으로 표현할 수 있는 훌륭한 방법이다그래프 이론 어휘- 그래프는 상호 연관 관계에 놓여있는 객체 집합을 표현할 때 널리 사용한다.- 데이터 포인트객체와 이들 사이의 관계를 그래프라고 생각하면된다. (데이터포인트란 데이터 집합내의 개별적인 요소로 구분지을수있는 것)- 해당 다이어그램은 6개의 데이터포인트로 구성되어있다. 각 점은 node 또는 vertex라고 부른다.- 노드사이의 연결선은 edge라고 한다. 그래프를 방정식으로 표현하면 G = (V, E)이다. G는 그래프, V는 노드의 집합이다.vertices = {1,2,3,4,5,6} E 는 edge의 집합이다.edges = {{1,2},{1,5},{2,3},{2,5},{3,4},{.. 2024. 4. 7.
[독서] GraphQL 1강 [전자책] 웹 앱 API 개발을 위한 GraphQL혁신적인 데이터 페치 기술이 된 GraphQL에 관한 실용적인 안내서로서 자바스크립트로 GraphQL 서비스를 구현하는 방법을 다룬다. 웹 서비스 아키텍처를 자체적으로 구성할 수 있는 GraphQL의 장점과www.aladin.co.kr🚨 해당 영역에 쓴 코멘트는 개인적인 의견입니다. - 클라이언트의 종류는 예전보다 다양해졌는데, 데이터 전송속도는 아직 해결해야할 과제이다.Graphql이란?- API를 만들때 사용할 수 있는 쿼리언어이다.- 쿼리에 대한 데이터를 받을 수 있는 런타임- graphql 쿼리는 실제로 필요한 데이터만 받도록 작성할 수 있다.이건 근데 서버쪽에서도 데이터를 넘겨줄수있는 구조를 만들어야하는걸로 알고있다. graphql 서버에서 설.. 2024. 3. 31.
10분만에 npm cli 명령어로 자기소개하기 프론트업계에서 유명하신분인 jbee님의 깃헙을 들어가보면 아래의 명령어만 적혀있다. 이 명령어를 터미널에 쳐보니 깃헙링크, 블로그링크가 나왔다. 넘 신기...! 그래서 나도 나를 소개할수있는 cli 명령어를 만들어보려고한다! npx dohye1 요즘 넘 바빠서 개인공부를 거의 못했는데, 이번주는 여유가 생겨서 후딱 만들어볼거임!! 방법을 정리하면서 만들어보겠다 1. 참고자료를 찾아보기 사실 나는 리액트 프로젝트 보일러 플레이트를 설치할때도 npx create-react-app ~ 이런식으로 명령어를 입력했었는데, 그냥 별생각없이 터미널에 따라쳤었을뿐 막상 만들려고하니 어떤 키워드로 구글링해야할지 감이 잘 안잡혔다..ㅠㅜ 그래도 npx 명령어만들기, how to make npx command 뭐 이런식으로.. 2023. 9. 28.
[ERROR] type '{}' is not assignable to type 'reactnode'. 위 에러가 발생한 프로젝트에서 사용하는 react, @types/react의 버전은 아래와 같다. "react": "^18.2.0", "@types/react": "^18.0.31", 나는 react-datepicker를 설치해야해서 react-datepicker, @types/react-datepicker 를 설치하고, 컴포넌트에서 아래처럼 사용해보니 type '{}' is not assignable to type 'reactnode' 위와 같은 에러가 났다. import DatePicker from 'react-datepicker'; setStartDate(date)} startOpen={showDatePicker} onClickOutside={() => setShowDatePicker(false)}.. 2023. 4. 1.
신입 프론트엔드 개발자 이력서&포폴 작성 팁(일수도있고 아닐수도있음ㅎ) 오랜만에 글을쓰는군요~~ 오늘은 프론트엔드 이력서&포폴 작성시 고려할 점들에 대해 적어보겠습니다 최근에 프론트엔드팀원을 뽑기위해 구인공고를 올렸는데 생각보다 많은 분들이 지원을 해주셨다. 프론트엔드 신입을 뽑는다고 올렸기도했고 요즘 부트캠프나 코딩학원이 많아져서 지원자가 많은듯하다. 그래서 지원서류를 보면서 느낀점들을 적어보려고한다. 참고로 나는 인사관련 업무를 담당하는사람도 아니라 나의 관점이 정답?인지는 모르겠으나, 이력서&포폴을 읽으면서 신경써야할 부분들을 정리해보면 좋을것같아 몇 자 적어보겠습니다요~~ 지원자분들의 이력서를 보면서 셀프반성 되는 부분도 엄청 많앗음ㅋ크ㅜ 난 아직 한참 멀었다ㅠㅜㅠ 이건 100% 저의 개인적인 의견이므로 그냥 참고용으로만 봐주시면 됩니다~ 글고 같이 일할 팀원을 뽑는.. 2023. 3. 25.
[Next.JS] Prop `id` did not match. Server: "react-select-16-live-region" Client: "react-select-3-live-region" 또잉 이건무슨에러지...? 우선 stack trace를 읽어보면 react-select와 관련이있는듯하다! 또잉 https://weev.media/article/359 Prop `id` did not match. Server: "react-select-17-live-region" Client: "react-select-3-live-region"の原因と対処法 React Selectを実装しようとしたらコンソールでProp id did not match.とエラーが出ていました。今回はその対処法をまとめていきます。 目次1 エラー内容1.1 コード例（修 weev.media 나랑 똑같은 에러메시지로 검색을해보니 이런 글이 있다! 여기서말하는해결책은 Select컴포넌트에 id와 instanceId를 추가하라는것이다!! id는 .. 2023. 2. 26.

티스토리툴바