뇌 채우기 공간

보호되어 있는 글입니다.

1. AG GRID select cell Render 2022.02.23 - [WEB/REACT] - [REACT] ag grid editable select box renderer [REACT] ag grid editable select box renderer 오늘은 이렇게 ag grid에서 수정 버튼을 누르면 select box가 활성화되어 값을 변경할 수 있도록 구현해보겠습니다 1. cell Renderer 지정해주기 애초에 데이터를 받아올 때 휴직, 재직이라는 값을 받아 sso-feeling.tistory.com 2. ag grid validation https://blog.ag-grid.com/user-input-validation-with-ag-grid/ Synchronous and async..

오늘은 이렇게 ag grid에서 수정 버튼을 누르면 select box가 활성화되어 값을 변경할 수 있도록 구현해보겠습니다 1. cell Renderer 지정해주기 애초에 데이터를 받아올 때 휴직, 재직이라는 값을 받아와서 select box의 value로 넣어주어야합니다. 꼭 그래야한다는 건 아니고 그러고 싶다는 뜻 import { MenuItem, Select } from '@mui/material'; import clsx from 'clsx'; import React, { useState } from 'react'; import UserStyles from '../User.style'; const CellSelectRenderer = params => { const user_classes = Use..

1. AG GRID에서 새로운 기능 2022.02.21 - [WEB/REACT] - [REACT] ag grid full row editing , delete/ ag grid row 수정, 삭제 [REACT] ag grid full row editing , delete/ ag grid row 수정, 삭제 버튼으로 row 전체를 수정 상태로 바꾸고 싶다. 그리고 delete를 누르면 행이 삭제됐으면 좋겠다. 어떻게 하는지 살펴보자. 1. defaultColDef에 editable: true 설정 여기서 설정한 defaultColDef는 아래에 gridO.. sso-feeling.tistory.com 2. 뇌 용량 소모를 떠올리자 자청의 책을 샀다. 거기서 인상 깊었던 것이 우리는 아침에 100퍼센트로 채워..

버튼으로 row 전체를 수정 상태로 바꾸고 싶다. 그리고 delete를 누르면 행이 삭제됐으면 좋겠다. 어떻게 하는지 살펴보자. 1. defaultColDef에 editable: true 설정 여기서 설정한 defaultColDef는 아래에 gridOptions에 들어간다. 2. gridOptions에서 아래의 설정 추가 gridOptions에는 그리드에 대한 전반적인 설정들이 들어가는데, 그중에서 row전체를 버튼으로 제어를 하고 싶으면 아래의 설정들을 모두 넣어준다. ag grid는 클린코드라서 그런지 함수명만 보고도 행동이 이해가 간다. 오늘도 클린코드의 중요성을 느낀다. 3. AgGridReact 컴포넌트에 props로 넣어주기 여기서 actionCellRenderer은 버튼 렌더링하는 컬럼에 필..

보호되어 있는 글입니다.

함수명 짓기에 관한 블로그 글 https://dkje.github.io/2020/08/03/CleanCodeSeries2-copy/ 2. 변수명과 함수명 짓기 - 어? 쓰흡... 하아.... | Dev X dkje.github.io 이제 본격적으로 개발을 하다보니 클린코드에 대한 중요성을 깨닫게 된다. 회사에서 클린코드 책 읽으면서 스터디하자고 하시는 분이 있었는데 별로 관심을 안가졌다가 일주일이나 지난 오늘에서야 그런 스터디를 하자고 해주셔서 너무나 감사한 마음이 들었다. 오늘 코드리뷰를 올렸는데 리뷰를 보고 나서 보니 너무나 제멋대로 짠 나의 코드가 참 부끄러웠다. 할일도 엄청 많으실텐데 꼼꼼히 리뷰를 해주셔서 공부에 대한 중요성을 깨우치게 해준 나의 사수님들 아주 감사하다.

[문제 발생] develop 브랜치를 pull받아야하는데 feature브랜치의 커밋이 더 앞에 있을때 [해결] git config pull.rebase false - pull 할때 rebase를 하지 않고 merge 한다. git config pull.rebase true - pull할 때 rebase 한다. git config pull.ff only - fast-foward일때만 pull을 허용한다. 그 후에 conflict 해결하고 다시 커밋하면 됨

feature 브랜치를 develop브랜치에 리베이스 하기 git rebase develop git add . git rebase --continue 내가 전에 쓴 글이 있음 2021.11.27 - [Git] - [Git] github branch rebase 하는 법 [Git] github branch rebase 하는 법 [하는 방법] 리베이스 하고 싶은 브랜치에 체크아웃하고 베이스가 됐으면 좋겠는 브랜치 명을 적는다. git rebase 베이스 브랜치 [rebase란?] 내가 이해한 바로는 베이스가 되는 코드를 바꾸는 것 sso-feeling.tistory.com 이때는 우리가 깃플로우를 1줄로 가져가기 위해서 rebase를 아주 잘 사용해서 수월했지만 지금 회사에서는 그런 것을 고려하지 않았기 때..

리액트에서 eslint, prettier 설정하기 리액트 개발 환경 구축하기 https://velog.io/@velopert/eslint-and-prettier-in-react 리액트 프로젝트에 ESLint 와 Prettier 끼얹기 ESLint 와 Prettier 를 리액트 프로젝트에서 제대로 적용하여 코드를 깔-끔-하게 관리해보는 방법을 배워봅시다. velog.io https://iborymagic.tistory.com/91 웹팩으로 리액트 개발환경 구축하기 이번에 우아한테크코스에서 진행한 프로젝트의 개발환경을 처음 세팅할 때, 같은 팀 프론트엔드 크루와 함께 기준으로 삼았던 것은 바로 CRA였다. '우리가 CRA를 쓰던 때와 비슷하게, 아무런 불편 iborymagic.tistory.com