https://github.com/TEAM-DAWM/NUTSHELL-FE/pull/295 [DOCS] 스토리북 배포 by wrryu09 · Pull Request #295 · TEAM-DAWM/NUTSHELL-FE작업 내용 🧑‍💻 스토리북을 배포했습니다 알게된 점 🚀 기록하며 개발하기! 그.. 밑에 댓글 기록을 보면 링크없는 댓글이 두개가 있는데요.. - ${{ steps.chromatic.outputs.storybookUrl }} 을 yml 파일에github.com  chromatic workflow 연결까지는 yml 파일을 관련 문서https://storybook.js.org/tutorials/intro-to-storybook/react/ko/deploy/ Storybook TutorialsLe..

https://github.com/TEAM-DAWM/NUTSHELL-FE/pull/293 [FEAT] 공통 컴포넌트 컨트롤버튼 퍼블리싱 by wrryu09 · Pull Request #293 · TEAM-DAWM/NUTSHELL-FE작업 내용 🧑‍💻 컨트롤 칸에 있던 공컴을 만들었습니다 shadow 테마를 추가했습니다 폴더를 button 하고 control 로 나눴습니다 알게된 점 🚀 기록하며 개발하기! 여기에서 Button 컴포넌트를 사용github.com여기에서 Button 컴포넌트를 사용하는데, Button은 width 가 따로 지정되어 있지 않고 flex 로 설정되어 있어 완료버튼 혼자 사이즈가 달라 설정해주어야 했습니다. + 눌렸을 때 shadow 도 줘야 해서..styled(Button)..

팀원이 코리 달아줘서 알게 된 내용!theme 를 context 로 themeProvider 로 전달해서 사용하고 있을 때, styled-component 안에서는 props.theme 해서 접근해 사용할 수 있었다.그런데 styled-component 밖 로직단에서 상태별로 분기해 색상을 변경해야 할 때는 어떨까?props로 사용할 수 없으니 나는 export 된 theme 를 직접 사용했었다.이때 useTheme의 존재를 알게 되었는데 ..https://emotion.sh/docs/theming#usetheme Emotion – Theming(Edit code to see changes)emotion.sh  가장 큰 차이점은 현재 theme 를 반영할 수 있다는 점인가보다. 이게 바뀌면 적용된 컴포넌..

아이콘을 버튼으로 쓰는 공통컴포넌트disable, hover, active, default 등의 상태를 가지고 각각의 색상이 다르다small, big 의 사이즈도 가진다outlined 는 border가 있고 나머지 type 두개는 border가 없다 그래서 총 세가지 부분으로 컴포넌트를 나누어서 봤는데1. 버튼 크기2. 타입별 버튼 배경색3. 아이콘 색상 type SizeType = 'small' | 'big';type IconBtnType = 'solid' | 'normal' | 'outlined';type IconButtonProps = { type: IconBtnType; size: SizeType; disabled: boolean; Icon: ReactElement; onClick: () => v..

class Solution: def setZeroes(self, matrix: List[List[int]]) -> None: """ Do not return anything, modify matrix in-place instead. """ zerox, zeroy =set(), set() n,m = len(matrix), len(matrix[0]) for i in range(n): for j in range(m): if matrix[i][j] == 0: zerox.add(j) zeroy.add(i) f..

class Solution: def maxArea(self, height: List[int]) -> int: s, e = 0, len(height)-1 water = 0 while s매번 살아돌아오는 고전문제투포인터로 풀면 아주 쉽다e-s 에 괄호만 빼먹지 않기

import sysclass Solution: def removeElement(self, nums: List[int], val: int) -> int: # for _ in range(nums.count(val)): # nums.remove(val) cnt = 0 for i in range(len(nums)): if nums[i]!=val: nums[cnt] = nums[i] cnt+=1 return cnt찾아서 지우는 방법만 생각했는데 아닌 것만 배열에 남겨도 된다

class Solution: def wordPattern(self, pattern: str, s: str) -> bool: d={} words = s.split() seen=set() if len(pattern)!=len(words): return False for i in range(len(pattern)): if pattern[i] in d: if d[pattern[i]]!=words[i]: return False else: if words[i] in seen: ..

class Solution: def permute(self, nums: List[int]) -> List[List[int]]: res =[] s=[] v ={i: False for i in nums} def dfs(): if len(s)==len(nums): res.append(s[:]) return else: for i in nums: if not v[i]: s.append(i) v[i] = True ..

스도쿠 판이 주어지고 valid 한지 검증하는 방법처음에는 row, col, 한칸씩 for 계속 돌리는 방법을 생각했었는데 한번의 이중 for로도 해결할 수 있다class Solution: def isValidSudoku(self, board: List[List[str]]) -> bool: n = len(board) s = set() s2 = set() check = [[[] for _ in range(3)] for _ in range(3)] for i in range(n): s = set() s2 = set() for j in range(n): if ..