분류 전체보기

[React] Suspense와 React-query의 onSuccess

프로젝트에 suspense를 적용하기를 하는 도중 에러가 발생했다.(정확히 에러는 아니고 버그?) const { data: chatRoom, isLoading } = useChatRoomQuery(chatRoomId, { enabled: isLoggedIn && !!chatRoomId, cacheTime: 0, onSuccess: (data) => { setNewChatLog(data.data.chatRoom.messages); }, }); onSuccess가 실행 되었음에도 불구하고 newChatLog에 데이터가 없었다. 이는 Suspense를 적용하면서 생긴 문제인데. Suspense의 동작 순서와 관련이 있다. Suspense mount Main mount (1) Main의 useQuery(api)..

this

this 실행 컨텍스트의 thisBinding에는 this로 지정된 객체가 저장된다. 실행 컨텍스트 활성화 당시에 this가 지정되지 않은 경우 this에는 전역 객체가 저장된다. 그 밖에는 함수를 호출하는 방법에 따라 this에 저장되는 대상이 다르다. 다른 대부분의 객체지향 언어에서 this는 클래스로 생성한 인스턴스 객체를 의미한다. 클래스에서만 사용할 수 있기 ㄸ애문에 혼란의 여지가 없거나 많지 않다. 그러나 자바스크립트에서의 this 는 어디서든 사용할 수 있다. 상황에 따라 this 가 바라보는 대상이 달라지는데, 어떤 이유로 그렇게 되는지를 파악하기 힘든 경우도 있고 예상과 다르게 엉뚱한 대상을 바라보는 경우도 있다. ! 상황에 따라 달라지는 this 자바스크립트에서는 기본적으로 실행 컨텍스..

2022.04.22 Daily 회고

오늘 한 일 - 모의 면접 세션 준비하기(3주차 브라우저의 동작 원리 / HTTP / 네트워크) - 프로젝트 잠깐 - 그룹회고 느낀 점 - 면접은 항상 어렵다 - 나도 따라서 열심히 해봐야겠다 현재 나의 상태 - 잠깐 쉬었다가 다시 시작

[python] SWEA - 12052. 부서진 타일

🤔문제 해결 쉬운 그리디 문제 이중 포문을 활용해서 격자의 타일을 하나씩 선택 깨진 타일을 만났을 때 오른쪽, 아래, 오른쪽아래대각선이 깨져있는지 확인 깨져있지 않다면 NO 또는 인덱스 에러가 발생하면 NO 깔끔하게 마무리 된다면 YES 💻소스 코드 T = int(input()) def is_right(grid): for i in range(N): for j in range(M): if grid[i][j] == '#': try: if grid[i + 1][j] == grid[i][j + 1] == grid[i + 1][j + 1] == '#': grid[i][j] = grid[i + 1][j] = grid[i][j + 1] = grid[i + 1][j + 1] = '.' else: return 'NO' ..

jQuery - data

data() 정의 HTML 엘리먼트 내에 데이터를 저장하고 읽는 역할을 하는 함수 역할 (왜 씀?) 서버에서 조회된 데이터를 추후 ajax 통신을 하기 위한 data 저장 (주로씀) js 에 데이터를 저장하기 위한 변수를 따로 설정할 필요가 없어짐 사용법 1. 데이터 저장하기 엘리먼트에 로 저장할 수 있다. ( 약간 로컬스토리지 쓰는 느낌? ) key는 스트링 형태만 가능하고, value 는 자바스크립트에서 지원하는 모든 형태가 가능하다. 이 엘리먼트에 데이터 저장해보기 데이터 불러오기 2. 데이터 불러오기 엘리먼트에 저장된 데이터를 불러오기 데이터 전체 불러오기 이 엘리먼트에 데이터 저장해보기 데이터 불러오기 /* 추가 */ 이름만 불러오기 아래와 같은 결과를 콘솔에서 확인할 수 있다. data() 특..

[python] SWEA - 4301. 콩 많이 심기

🤔문제 해결 O O X X O O O O X X O O X X O O X X X X O O X X O O X X O O O O X X O O O O X X O O O X X O X X O O X 위에서부터 아래로 한줄씩 내려가면서 규칙을 찾아보면위의 그림처럼 심는게 가장 경우의 수가 많게 심을 수 있다. 첫줄에서 오른쪽으로 4칸마다 2개씩 심을 수 있다 그리고 나머지칸이 3칸 - 2개 2칸 - 2개 1칸 - 1개 0칸 - 0개 두번째 줄도 위와 같다 세번째 줄은 앞의 두칸을 빼고 시작하여 위의 규칙을 적용 네번째도 세번째와 같다 다섯번째는 다시 첫번째처럼 결론은 1,2 | 3,4 | 5,6 | 7,8 | ... 짝지어서 하면된다. 💻소스 코드 def get_axis_per_count(num): count..