시행착오
1.기 존재 브랜치 업로드 (첫 실패 이유 및 해결방안)
바로 git branch 를 통해 브랜치목록을 확인하려 하니 아무것도 없었다. 아니 그냥 사실 branch 뿐 아니라 git remote, git status 등 상태확인을 위한 다양한 명령어들을 시도해봐도 아무것도 나오지 않았다. 이것이 해결방안 이었다. 내가 clo
2.모달창을 만들어보자
일단 모달창이라는것을 오늘 처음 알았다. 모달창은 기존의 페이지 위에 새로운 윈도우창이 아닌 레이어를 까는것을 말한다. 모달창을 제거하지 않고도 페이지를 이동하면 자연히 사라진다. 기존의 페이지와 부모-자식 관계를 갖는다. 팝업창과 다른점은 팝업창은 현재 의도와 목적에
3.댓글 기능 구현 중 들었던 생각에 대하여
토큰과 쿠키의 차이를 arabobsida
4.React와 DOM의 직접접근
특정 HTML element를 클릭하였을 때 class 를 추가,삭제 하는 기능을 구현하고자 하였다. Vanila Javascript 에서 흔히 사용하였듯 toggle을 사용하여 classList에 class를 추가삭제 해주었으나 이것이 패착이었다.위의 함수는 특정 e
5.나이키 프로젝트 1차 Sprint 회고
\*\*Planning Meeting\*\* - 매 주 월요일 이번 sprint에 진행할 업무에 대한 전반적인 기획을 관리\*\*Daily Standup Meeting\*\* - 매일 아침 팀원들이 정해진 시간에 모여 각자의 업무에 대해 공유\*\*Retrospecti
6.reduce 메소드 사용 방법 (feat. 시행착오)
reduce 메소드는 배열의 각 요소에 대해 주어진 리듀서 함수를 실행하고 하나의 결과값을 반환한다. reduce 메소드의 콜백함수는 4개의 인자를 가지며 그 요소는 아래와 같다. 누산기 (acc)현재 값 (cur)현재 인덱스 (idx)원본 배열 (src)리듀서 함수의
7.나이키 프로젝트 최종 회고
2주간의 프로젝트 진행 과정 기록
8.나이키 프로젝트 리팩토링
프로젝트 완료 후 개인적 리팩토링 기록
9.성능 최적화 기록
라이트 하우스 지표 기반 성능 최적화 기록
10.safari 에서의 타이핑딜레이 이슈로 인한 원인 규명과정 및 그에따른 해결책 (SVG 애니메이션 사용 시 TextInput Delay)
난 safari에게 지고 말았다.
11.React-native IOS 개발환경 세팅
목적/경위 나중에 콤퓨타가 부서졌을 때 다시 세팅할 때 볼라고 > 요약 nodeJS, watchman, cocoapods 설치 → react-native CLI 설치 → 앱 실행 0. 기본 설정 OS : Mac Tool : React native CLI 1. 기본 환경 세팅 1-1. Homebrew 설치 우선, 아래에 명령어를 통해 맥(Mac)...
12.커스텀 훅 리팩토링 기록
부끄러운 나의 코드, 하지만 애착가는 나의 코드
13.커뮤니티 기능 게시글 목록을 관리하는 커스텀훅을 SRP 원칙에 맞추어 리팩토링 한 기록
리팩토링은 재밋어~
14.커뮤니티 글 목록 데이터 관리를 state에서 apollo cache로 바꾼 이유와 그 과정
내 주머니에 캐시는 없지만...
15.온톨 완전개편 프로젝트 회고(기획 단계 회고)
기획 단계 회고
16.온톨 완전개편 프로젝트 회고(개발 단계 회고)
개발 단계 회고
17.데이터 주도 개발을 위한 사용자 데이터 수집 시스템 구축 기록(feat. firebase analytics)
엔지니어는 데이터로 말한다.
18.앱이 꺼졌을 때 푸쉬알림을 터치하면 원하는화면으로 이동하지 않았던 이유
0. 환경 React Native 어플리케이션 개발 OneSignal SDK 사용하여 푸쉬 알림 기능 구현 @react-navigation/native 라이브러리를 사용하여 네비게이팅 1. 문제 푸쉬 알림이 발생했을 때 어플리케이션이 스마트폰에서 완전히 종료된 상태에
19.나도 당근마켓처럼 무한 스크롤기능을 빠르고 쾌적하게 만들고 싶었다.
당근마켓 무한스크롤 기능 진짜 엄청 빠르다.그게 너무 부러웠다.
20.peerdependency 박살난거 해결해야해
➤ YN0086: │ Some peer dependencies are incorrectly met by dependencies;프로젝트에서 사용하는 패키지(라이브러리) 중 일부가 자신이 필요로 하는 peer dependecy를 적절하게 제공받지 못하고 있다는 것을 의미
21.토큰저장 로직 쪼끔 더 알기쉽게 바꾼기록
아니 원래 토큰을 Context API를 사용해서 전역적으로 관리했었는데 이거 보니까 좀 개선의 여지가 있어서 개선한 기록이다.
22.SSR과 CSR을 적절히 잘 조화해서 사용해보려고 노력한 기록
...
23.Electron에 webview 도입하기
아 재밋었다.
24.Electron에 webview 도입하기..는 필요 없었다.
무용지물
25.Next.js Window is not defined
오랜만에 만난 재밋는 이슈 그리고 해결
26.온톨 클리닉/리포트 FE 구현과정에서의 성과, 의미, 배운점
FE 구현 측면에서의 성과 직관적이고 반응형 UI/UX 및 사용자 경험 강화 다양한 해상도의 모바일/웹에서 결과지와 기능이 자연스럽게 제공되도록 반응형 UI 구현 완료. 검사 결과 요약 이미지, 필터링, 정렬, 병원별/유저별 맞춤형 화면, 카테고리 분류 등 실제 현업 사용자가 원하는 UX가 실현됨. 음성 재생, 다국어 지원을 통해 환자별 접근...
27.Supabase 쓰던 중 의문점 및 해소 기록
Supabase 쿼리 메서드 설명 from("hospitaltablecolumn_config") Apply to useHospitalT... .from("hospitaltablecolumn_config") 의미: "hospitaltablecolumn_config"라는 테이블에서 데이터를 가져오겠다 프론트엔드 비유: 마치 폴더에서 파일을 찾는 것처럼, D...
28.관리자프로그램 PDF 렌더링 성능 개선(1)
배경 설명 컴포넌트 구성 위 이미지 처럼 생긴 컴포넌트가 문제의 컴포넌트 입니다. 왼쪽 부분은 파일들이 목록으로 보여지고 각 파일들은 여러 페이지로 이루어져 있습니다. 오른쪽 부분은 선택된 PDF 파일의 각각의 페이지들을 미리보기로 보여줍니다. 주된 사용자 패턴 주로 사용자들은 최상단 파일에서 시작하여 키보드 오른쪽 키 누르...