우당탕탕 개발 일기

프로그래머스 입문 코딩 완료숫자 비교하기두수의 곱몫 구하기나머지 구하기두 수의 차두 수의 합—JavaScript에서는 변수 초기화(변수를 생성하고 초기값을 할당하는 것)에 if 문을 직접 사용할 수 없음단, 조건부 연산자는 사용 가능 () ? : ;

Computer Science 핵심쏙쏙 1-3강 / 프로세스 생명주기와 프로세스 메모리웹개발 종합반복습) 1주차프로그래머스 입문 코딩나이 출력두 수의 나눗셈각도기짝수의 합\--1\. JavaScript에서는 다른 언어와는 달리 하나의 조건문에 두 개 이상의 비교 연산자

와이어프레임 제작피그마 사용 첫 프로젝트 ( 1등 🥇 )

Computer Science 핵심쏙쏙1-5강 / DB 구조와 유형자바스크립트 기초 강좌 : 100분 완성실습프로그래머스 입문 코딩분수의 덧셈더 공부해야 할 다른 사람의 문제 풀이function cal_gcd(a, b) { return a % b === 0 ? b

프로그래머스 입문 코딩배열 두 배 만들기웹개발 종합반복습) 2주차+3주차다른 사람들의 풀이배열 두 배 만들기, reduce()function solution(numbers) { return numbers.reduce((a, b) => ...a, b \* 2, \[

프로그래머스 입문 코딩배열의 평균값배열 원소의 길이웹개발 종합반복습) 4주차피그마교육자료 1강 ~ 6강다른 사람들의 풀이function solution(strlist) { var answer = \[]; for (let i = 0; i < strlist.len

웹개발 종합반 복습) 5주차 코딩앙마 복습) 자바스크립트 초급 강좌 : 100분 완성 자바스크립트 중급 강좌 : 140분 완성 ~ing (/문자열 메소드 까지)

코딩앙마자바스크립트 중급 강좌 : 140분 완성~ing/ (call,apply, bind까지)프로그래머스 입문 코딩피자나눠먹기(1)삼각형의 완성 조건더 공부해야 할 다른 사람 풀이\*피자나눠먹기(1)function solution(n) { return Math.c

코딩 앙마자바스크립트 중급 강좌 : 140분 완성프로그래머스 입문 코딩옷 가게 할인 받기최댓값 만들기(1)Computer Science 핵심쏙쏙DBSM의 기능과 종류더 공부해야 할 다른 사람의 풀이\*옷가게, 틸트(\~~) = Math.floor()function so

프로그래머스 코딩테스트 입문배열 뒤집기문자열 안에 문자열JS 핸드북part 02. 조건문part 03. 배열과 반복문더 공부해야 할 다른 사람의 풀이배열 뒤집기 function solution(num_list) { var answer = \[]; var j

Computer Science 핵심쏙쏙1-7강) 자료의 저장과 표현프로그래머스 코딩테스트 입문짝수 홀수의 개수자바 핸드북part 04. 함수다른 사람의 문제 풀이짝수 홀수의 개수, 내가 푼 문제 풀이function solution(num_list) { let a

Computer Science 핵심쏙쏙 1-8강) 자료 구조의 동작과 활용 CSS게임/ Grid Garden 프로그래머스 입문 코딩 머쓱이보다 키 큰 사람 중복된 숫자의 개수 [더 공부해야 할 다른 사람의 풀이] 머쓱이보다 키 큰 사람, filter() > f

JS 핸드북part 5. 객체 기본 문법part 6. 객체 심화 문법CSS게임/ CSS Diner~32단계for...in 반복문 : 딕셔너리(객체 사용) / forEach : 배열(어레이) for... in 반복문let user = { name: "John", ag

팀 소개 프로젝트 와이어 프레임 기획, 제작 및 역할 분담특강) Git, Github 이란 무엇인가?(git 명령어 아님) / 윈도우는 + 클릭 > bash (git bash)Vs 코드 > 터미널 > 뉴 터미널: 현재 내가 작업하는 폴더를 보여달라는 뜻 (현 위치 확인

팀 프로젝트 -ing 팀 소개 웹페이지 제작

[오늘의 깨달음] CSS 와의 전쟁... 폰트를 지정하면 반은 간다. 투명도와 애니메이션 효과는 뭔가 웹페이지를 있어 보이게 한다. > :hover { background: ; } > .class, .class { opacity: 0;

팀 소개 웹페이지 만들기웹페이지(HTML)에 파이어베이스를 활용하여 댓글 CRUD 구현발표CSS (드래그 시 효과)::selection { background-color: color: }변수명!!!!! 제발 오타

240422 ~ 240426 개인 프로젝트 영화 검색 사이트 제작 JS 1주차 ~ 5주차 강의 와이어 프레임 기획 [1] jQuery 라이브러리 사용없이 순수 바닐라 자바스크립트 사용 [2] TMDB 오픈 API를 이용하여 인기영화 데이터 가져오기 [3] 영화정보

document.querySelectorAll('.movieCard')가 NodeList를 반환하기 때문입니다. NodeList는 여러 개의 요소를 포함하는 유사 배열 객체이며, 이 객체에는 addEventListener() 메서드가 없습니다. ㅎㄷㄷ;;; 없구나!!

검색 기능 구현 중 . . . 너무 길고 많이 써서 변수 설정 한 번 해놓고... > const inputValue = document.querySelector('#searchInput').value; 검색-공백 기능 > if(inputValue === null)

[js 강의] this 실행 컨텍스트 : 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 this는 함수를 호출할 때 생성됨 전역 환경에서 this는 노드 (global 객체), 브라우저 (window 객체) => 즉, 함수로서 독립적 호출을 할 때 전역 객체

[JS 함수] 콜백 함수 콜백 함수란? 다른 코드의 인자로 넘겨주는 함수 e.g. forEach, setTimeout... : 해당 함수는 주체로, 제어권이 위 함수에게 존재함. map arr.map(배열하나하나부를거변수명 => 배열하나하나부를거변수명 활용한 메인

Document Object Model의 약자로, 브라우저에 내장되어 있는 API (다른 시스템에서 제공하는 기능을 사용할 수 있도록 도와주는 중간자 역할웹 페이지(HTML 문서)를 동적으로 만들기 위해 JS를 사용사용자 = 브라우저 = 클라이언트클라이언트가 서버에게

클로저 :함수와 그 함수가 선언됐을 때의 환경을 함께 기억하는 함수형 프로그래밍의 개념 스코프 체이닝은 안에서부터 밖으로 나감 호출, 정의 개념 꼭 알기 (*제일 헷갈림) -> 스코프는 함수가 정의 됐을 때 결정됨 => 외부 함수가 중첩 함수보다 더 오래 유지되는 경

팀 과제 발제localStorage 이용한 영화 검색 사이트 구현localStorage를 저장!키 => 개별 코드로 진행하여 저장 완료! (\* 삭제해야 할 수도 있으니 각각의 키로 제출)

유효성 검사 때문에 머리 아프다!!별점을 넣었는데 한글을 넣어도 이상하게 작성 중으로 딱 떠서 왜인지 고민...if (isNaN (rating)) { alert ("평점은 숫자로 입력해주세요,") return;왜 안 될까??고민 중..이

쿼리 스트링? 페이지 통신 / 정렬, 배열 이해를 딥하게.... 배경 음악....안 되면 깃 리셋으로 밀어버리자........교훈을 얻었습니다.......

오후 20시 29분... 코딩 공부하기 딱 좋은 시간이다... 연휴 내내 띵까띵까 놀기만 했다... 24시를 목전에 둔 시간이지만 조금이나마 공부해서 조금 공부했어요👀... 라는 말을 해보고자... 누워서 리액트 강의를 보기로 했다...^^ 그리고 너무너무 부족한

팀 프로젝트 마무리! 끝!!!git 특강 이어서...리액트 설치

리액트 강의1\. className2\. {}3\. style = {{}}복습class파라미터(매개변수)this화살표 함수git 충돌의 마지막 단계는 커밋!호이스팅 여부함수 표현식의 경우 익명 함수익명 함수로 함수 표현식에서 function 빼고 => 주면 문법이 간결

팀 프로젝트 끝 ~240509고민했던 유효성 검사 부분더 생각나는 게 없었다. 그런데, 사실 유효성 검사할 부분은 더 많은데 너무 쉽게 생각했던 것 같다. 다음엔 좀 더 신중하게 고민해보기로 했다.썼던 기능만 계속 재활용하는 기분인데, 다음에는 안 썼던 것을 써보기로

리액트 입문 | 1주차 변수 선언 var, let, const let 과 const 객체와 배열 객체 접근 방법 점 표기법 object.key e.g. 괄호 표기법 e.g. 객체 추가, 수정 및 삭제 방법 점 표기법 = (추가할 것) 접 표기법 = (수정할 것)

? UI 라이브러리 (공통 기능의 모듈화가 이루어진 프로그램의 집합)? single page application허나의 html로 이루어진 어플로, \*MPA가 가지는 불편함(깜빡임, 랜더링 속도 등) 때문에 등장\*MPA (Multi page application)의

스탠다드반 개인 과제 제출 리액트 개인 과제 완성 (CSS...!!) 스탠다드반 리액트 복습 *2배속 베이직 JS 학습 *2배속 리액트 헷갈리는 점 {} () useState("") useState([]) jsx 에서는 if 문 안 되고 삼항 연산자 ㅠㅠ 오늘 튜터

베이직 2배속 복습스탠다드 2배속 복습입문 과제 가이드컴포넌트 분리는 내일 해야겠다.

어떻게 넣느냐는 중요하다!숫자는 0, 문자면 "", 배열이면 \[], 객체면 nullinput이 두 개여서, 따로따로 지정을 했는데, 튜터님과의 질문 끝에 input name 이라는 것을

디스트럭처링 좋아하는데 프롭스로 받아온 거에서 바로 안 된단다... 왜 안 되는데......... 바보 같은 JSX....... 개인과제 컴포넌트 분리 -> 제출 스탠다드반 개인과제 todo 공장장 1회 2회 3회 베이직반 강의 듣기 2배속 하고 싶은데 아직도

스탠다드반 todo 개인과제 1회 수행베이직반 강의 수강 2강+과제 3강졸려서 3강은 못 보겠다!!!오늘도 틀리는 변수명.... 숙련 강의가 지급돼서 슬쩍 확인하러 갔는데 4시간짜리다... 월요일은 하루종일 강의만 듣겠군....🥹 두근거리네... 먹을 거 많이 준비해

리액트 리액트 스타일링 인라인 스타일 className styled-components 프롭스를 사용하여 조건부 스타일링 가능하다... React 훅 useState() const [state, setState] = useState(초기값) setState를 이

useRef | useEffect | useContext | React.memo | useCallback | useMemo | custom hook | Redux | useSeloetor | useDispatch | React Router DOM | supabase

강의 막 끝내고 개인 과제 첫 진행 중...개인 지출 관리 애플리케이션각 월별로 지출 내역을 추가, 조회, 수정, 삭제할 수 있으며, 월별 총 지출과 항목별 지출 비율을 시각적으로 확인할 수 있습니다-(선택사항) 로컬 스토리지를 활용하여 사용자가 마지막으로 작업하던 월

...진행 중... 몹시 고통스러워하는 중... 그리드 플랙스에 죽어가는 중....이런 코드 밖에 못 짜는 내가 싫어서 열심히 알아본다...ㅋㅋㅋㅋㅋㅋ<label> 요소의 for 속성은 연결된 <input> 요소의 id 속성과 일치해야 합니다. 이렇게 하면

개인 프로젝트 프롭스 드릴링 과제 자체 종료 🔔 context API 가 뭔지 까먹은 나를 위해 강의 2회차 하기로... 🥹 바보 같은 나.... 왜 ... 모르겠는데 왜... 바보... 미래의 나를 위해 또 남긴다... 🦕 context API src 폴더

즐거운 월요일......

내일까지...

뭔가뭔가됨신기...🧐🦕

개인 프로젝트3 종료~! 240520 ~ 24053010

팀 프로젝트 뉴스피드 제작 / 와이어 프레임 완료!

회원 가입설치yarn add @supabase/supabase-js수파베이스 로그인 및 프로젝트 생성뉴 프로젝트 클릭 후 -> 이름, 비밀번호, 국가 다 선택하면 프로젝트 생성 완료 빠밤프로젝트 세팅 -> APIProject API keys 파트3-1. anon : 공

수파베이스 회원가입, 로그인, 로그아웃 대충 완료......비밀번호 복잡성 검사 힘들다....정규 표현식 이 녀석...........🥹🥹🥹

supabase 로그인 -> provider로 깃허브 연결메타 데이터로 넣기 + 유저 테이블에 넣기 한 번에 하기푸터 만들기사이드바위치 조정

스크린샷 투성이진짜 배경화면에 아무것도 두는 걸 싫어하는데 정말이지 정신이 없었다.........😂페이지자랑회원가입폼유효성 검사, 수파베이스 테이블 활용, RTK 활용 부재회원가입과 로그인을 담당한 만큼 유효성 검사를 좀 더 깊이있게 했어야 했지만, 그러지 못한 점이

새로운 프로젝트 시작~!240610 ~ 240614이번에는 강의 좀 듣다가 과제 들어가고, 강의 좀 듣다가 과제 들어가고 하면서 템포를 조절할 예정이다... 순서대로 안 들을 예정!!동기 ? 요청과 응답이 순차적으로 일어난다. 이후 다음 작업을 진행비동기 ? 요청과 응

React json-server ? 아주 간단한 DB와 API 서버를 생성해주는 패키지 json-server 설치 > yarn add json-server json-server 사용법 DB 파일 필요 db.json 파일 만들기 실행 터미널 (* 새로운 거!!)

개인 과제 열심히 하는 중... 결과값이 찍혀야 하는데 console.log에 이상하게 찍히는 걸 발견...콘솔에 냅다 코딩이 출력되어있다.이게 뭐지?처음 봤다.선생님 저 바빠요 🥹... 파딱파딱 data 주시라구요.... 🥹🥹🥹🥹앞머리 콱 쥐고서 코드 다시

컨텍스트 api에 유저 정보 담는 거 다시해더에 정보 불러오기, 이미지까지유저 정보 저장해놓은 후에crud 구현 다시 강의 보고 -> 만들기

할 거 :버셀 배포 페이지에서 새로 고침 하면 안 되는 오류페이지 나가면 자동으로 로그아웃되는 기능토큰 만료 되면 로그아웃 되게 설정랜더링 늦어서 user 정보 안 나오는 거 이유 찾기쥬스탠드, 테일윈드, 반응형 강의 보기해설 영상 처음부터 끝까지 보기

다시 새로운 프로젝트 시작~!와이어 프레임 기획 완료지도 API 사용반응형 디자인쥬스탠드테일윈드\--마이 페이지 UI 만들기

수파베이스 유저 더미 데이터 넣기테일 윈드 UI 반응형 만들기 얼추마이페이지 제작 중...버킷 이름이야 내가 방금 만들어서 그렇다치고, 파일 경로는... 어떻게 알지? 싶었다... 근데 ㅂ ㅏ보~그 파일 경로가 그 사람의 파일 경로가 아니다 ....ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 내

수파베이스 정책 관련 확인(정책 관련 글 나중에 쓰기...)수파베이스 문법 때문에 머리 다 빠졌다.

영상이 안 들어간다..!!회원가입,로그인모임마이페이지간단하게 사진으로...!^-^ 대체...^-^\~~!마이페이지로 했는데, 서버와의 통신하는 법, 수파베이스를 쓰는 법을 조금씩 배운 것 같다...

개인 프로젝트 시작~!

이거만 찝어서type = PickType = Pick<@@Props, "ㅁㅁ">ㅁㅁ이랑 ㅎㅎ만 제외하고type = OmitType = Omit<@@Props, "ㅁㅁ" | "ㅎㅎ">yarn add @tanstack/react-query @tanstack/re

코드가 너무도 비효율적이라 내일부터는 리팩토링에 힘써보려고 한다\~~!기능 구현은 대충 완료 했다.요즘 코딩할 때 내 문제를 알아냈는데, 코딩의 경우 정답은 없는데 뭔가 하나 매서드에 꽂히면 거기서 끝을 보려고 하는 것 같다! 막상 다 완성하고 나면 너무도 비효율적으로

바보 이슈1이른 아침부터 리팩토링 중인데 로직에서 문제점 발생왜... data에 여전히 남아있는 것이지? 🙃? 하고 천천히 보다가 로직에 전혀 문제 없는 걸 깨달음. 저게 맞았다.data를 그냥 한 번 더 가공하면 되는 문제였다.some 매서드 처음 쓰는 사람의 바보

? 리액트 타입스크립를 기반으로 만들어진 프레임 워크리액트는 라이브러리고(상태 관리, 라우팅, 스타일링 등 기능을 가지고 있지 않아서 따로 패키지를 다운을 받아야 함), 넥스트는 리액트 프레임워크 인데,프레임 워크란? 프레임워크는 일정한 틀과 뼈대를 가지고 일하다라는

순수 리액트로 프로젝트 진행 중...혼자서 프로젝트 하니 역시나 걸리는 점이 많다. 더 상장할 수 있는 부분이라고 생각하려고 노력 중디자인... 🥹 생활 속에서 좀 더 많은 레퍼런스 찾기... 언젠간 그래도 늘겠지 않을까... 조금 자신 없어서 책을 살까 고민 중이다

벌써 07월! 시간 빠르다이번 과제는 조금 귀엽다. 귀여우니까 할 수 있을지 없을지는 몰라도 귀엽다.포켓몬 도감 만들기\~~제네릭음... 해석 중....^^

개인 과제넥스트 셋업하는 방법npm 문서next 문서폴더 만들고, vs코드로 연다.터미널에... npx create-next-app@latest상황에 맞게 y/n 만 해주면 된다.처음 리액트 프로젝트 접할 때보다 조금 더 편리한데, 대신 깔리는데 더 오래 걸린다. 무거

탄스택 쿼리 트러블 슈팅 이번엔 꽤 무수한 빨간 거를 봤다. 뭔 소리인지 오류가 난 곳 경로를 파악하긴 어렵지만 html 쪽이랑 div 문제... reactQueryDevtools 문제인 거 같아서 레이아웃으로 가서... 오류 1) In HTML, cannot b

전설환상의 포켓몬들한테 뭔가 삐까삐까한 색 주려다가 하면 할 수록 더 촌스러워진다...... 얘네도 그냥 검은색 테두리 달라고 할 듯.... 컨피그를 만지는 게 꽤나 어렵긴 한데, 고민하다가 보더에다가 그냥 냅다 이미지로 넣었다. 보더 레디우스가 안 돼서 아 컬러로 지

24070 ~ 240705포켓몬 도감 완료!내일 수정하기\~~넥스트 프로젝트긴 한데 페이지네이션을 제외하고선 과제 자체는 어렵지 않았다~! 페이지네이션은 좀 더 공부할 것.id를 조건문으로 달아서 활용하기. 처음 값을 null 으로 넣기...! 신기했다.유즈쿼리를 커스

새로운 팀 프로젝트 시작와이어 프레임 제작완료

컴포넌트 나누고 UI 만드는 중...이상하게 반응형이 점점 재밌다. 단, css가 되게 길어지는데 혹시 내가 필요 없는 것까지 계속 남발하는 건 아닌지 계속 점검하기.폼에 w-full, flex를 줬더니 인풋이 쪼꼬매진다. 인풋에 w-full 줘도 커지지 않아서 검색해

넥스트 프로젝트 되어서는 런캣의 고양이가 진짜 매일매일 열심히 뛴다... 얼마나 빠르게 뛰려고... 라는 생각밖에 없다...타입 이슈, 리액트쿼리 invalidateQueries 매서드 v4 이슈탄스택쿼리 invalidateQueries 매서드 공식 문서해당 매서드에

바보가튼 나오늘은 프로젝트 하면서 한 바보 이슈에 대해 말해볼까 한다....인덱스 홀짝수에 따라 말풍선을 왔다 갔다 하는 걸 구현하려고 했는데 뭐가 잘 안 됐다. 테일윈드 조건부 함수 나름 잘 쓴 것 같다고 생각했는데도 안 돼서 여기서 잠시 막혔다... 근데 바보 이슈

팀 프로젝트가 거의 끝이 난다.댓글 CRUD 끝\~~이미지 파일 -> 퍼블릭으로 옮기기 (배포 때 충돌)댓글에 포켓볼 이미지 띄우기PPT 작성

팀플 끝...어캐저캐 종료하고 파이널 시작이당 화이팅

주제 선정 완료!!!!!!!!!1마인드맵을 하고 주제 10가지 선정... 퍼스널 컬러로 하려다가 한 번 기획 변경해서...바로바로~전통!!너무 어렵지 않게, 무겁지 않게 가져갈 듯 하다.

디자이너님과 협업하며 안에 있는 경영의 기억이 새록새록 나는 중...사용자가 많은 웹페이지를 두고서 이 페이지를 써야 하는 이유는 무엇인가?타겟층은 누구인가?사용자가 웹페이지에서 느낄 수 있는 이점이 무엇인가?사실 요즘 시대에는 아이디어의 희소성보다는 (중요하긴 하다)

기획 마무리 단계.... 디테일 페이지의 디테일 보완정보 선별우선순위 및 데드라인 기재와이어 프레임 마무리

반응형으로 구현하는 만큼, 앱 와이어프레임 진행 수파베이스 테이블 세팅 유튜브 api 일일 할당량 때문에 일단 실패ㅜㅜ 좀 더 보완할 수도 있을 것 같다. 확인하는 것 자체도 정말 팀원 분께서 고생 많이 하셨다 ㅠㅡㅠ 앱에서 쓸만한 아이콘 세팅 디자이너님과 아이디어 회

헤더, 푸터, 네비게이션 바 작업 중.페이지별로 다른 레이아웃 적용잠깐!!!!!!!! 이건 전 버전이다. 넥스트 레이아웃 관련(https://nextjs.org/docs/pages/building-your-application/routing/pages-and-

내일 할 것supabase realtime docs 읽어보기https://supabase.com/docs/reference/javascript/subscribe모달 UI 작업https://ui.shadcn.com/docs/components/dialo

실시간 채팅 기능 => 수파베이스로 구현하기로 함 프로젝트 기간 내내 수파베이스를 써서 익숙했음 '구독(Subscribe)' 이라는 기능 발견 => 한 번 써보고 싶음 제일 먼저, 구독이 뭐길래 수파베이스 실시간 챗에서 많이 쓸까? 가 궁금했다. 이전에 crud는

1) 라우트 핸들러 강의 보기2) post 매서드 작성 CR로 인서트까지 완료 수파베이스 멀쩡한지 확인3) 구독 관련 매서드 .... 도 좀 찾아보고 확인해보기 (서버)마구잡이로 코드를 짜니 또 어지러워지는 현상 발생...다시 정리입력 가능한 함수 걍 setMessag

실시간 채팅 => 데이터 베이스에 영구 저장 == 댓글 CR과 유사하게 흘러감단, 내 로컬에서 보이는 채팅이 남의 채팅에 들어가야 하므로 real time 구독을 필수적으로 해야 한다.이 와중에 내가 좀 고민했던 것웹 소켓이랑 rest가 그래서 뭔데?ㅠㅡㅠSend a

정보 찾기레이아웃useMediaQuery를 쓰면 된다는 말이 있는데 이걸 써볼까 생각 중ㄹㅔ이아웃이 너무 고통스럽다ㅠㅠ 생각보다 너무 복잡해져서 더 간결해질 수 있는 방안을 계속 찾는 중... 현재는 페이지마다 넣어놨는데... 아, 좀 번잡스럽다. 할 거 빨리 끝내고

스크롤 관련서치하다가 찾은 함수useRef를 쓴 다음에 해봤다. 근데 콘솔에서도 보이는 나으 슬픔. 안 된다. 이유를 열심히 찾아본다.... 이유를 찾아보니, 이걸 마지막 메세지에 연결해야 한단다.맵으로 돌리고 있는데, 이러면 다시 한 번 제일 마지막 메세지를 찾아 떠

실시간 채팅 하루만 가져오게 일단 수정 해당 수파베이스 매서드 .gte .lt api 에 친절하게 나와있는데 gte => Gteater than or equal to lt less than 이라서 이상~ 미만 설정이다. (초과 미만은 gt ~ lt 쓰면 됨)

UI 작업, 쓰로틀링, 디바운싱, 검색 결과 없을 때 처리하기이... 이게 머야? Link 가 이따위로 나와서 이거 뭐지 했는데 임포트가 무슨 아이콘으로 되어있다 하^^ next/link인지 잘 확인하기... 타입 관련 두 개 이상의 정보를 받을 경우 맵 돌린 아이

모바일 기기에서 입력 필드를 누를 때 확대되는 문제는 주로 iOS 사파리 브라우저에서 발생하는 현상으로, 이는 텍스트 입력 필드가 16px 미만의 폰트 크기를 가질 때 발생합니다. 이를 해결하려면 입력 필드의 폰트 크기를 최소 16px로 설정해야 합니다.해결 방법은 다

웹 디자인 생각 중... 검색 기능 디바운싱 검색 기능 병합처리 promise.all span일 땐 안 보이고, div 로 바꾸니까 된다. 정렬은 상위 요소에서.

검색디바운스를 쓰기 위해 useEffect로 감쌌더니 의존성 배열에 함수도 추가하라고 밑줄이 나왔다.추가함.추가했더니 갑자기 그 함수를 useCallback을 쓰란다.썼다.그랬더니 useCallback 의존성 배열로 3개 추가하란다.추가했다.뭐지..... 샤드시엔 UI

검색1-1. 페이지마다 검색이 다르게 나와야 한다.1-2. 홈에서는 시장 & 특산물 둘 다 검색이 되어야 한다. (=병렬 처리 => promise.all)이 메서드는 여러 프로미스의 결과를 집계할 때 유용하게 사용할 수 있습니다. 일반적으로 다음 코드를 계속 실행하기

타입 지정 오류이걸 OnClick에 그대로 주려고 했떠니 오류가 났다. 온클릭 함수에 void 주기라우트 핸들러에서 헷갈렸던 거 바디에서 줄 때 꼭 매개변수로 줘야 한 줄 알았던 것. 바디에다가 입력하면 된다. 목록을 추가해서 어떻게 저떻게 해보려고 하는데 흠~.~!!

레이아웃 리팩토링단단히 잘못된 레이아웃을 리팩토링 해보자.당초 시작은 page가 9개정도 + 위에 레이아웃이 각각 바뀌기 때문에 고민하다 틀을 만들어놓고 각각의 폴더에 넣었다.근데 프로젝트 하며 페이지가 점점 늘어났다. 또, 문제가 생긴 게, 레이아웃을 개별로 관리하는

어디서부터 잘못된 건지 알 수도 없다.걍.... 걍 잘못됐음 오늘은........ ..... ....... 바보.......

헤더 뾰로롱헤더 뾰로롱 움직이기... 정말.... 힘들었따~ 디바이더까지 포함해서 역방향을 계산하는 거에서 뚝 사람이 멈췄는데, 어떻게 저렇게 사람은 하면 되는 구나 싶었다.....^^ 하도 정신 없이 움직이다 보니 계획을 못 세우고 달려온 것 같다. (매우 싫음)남은

UI 작업~할 것~1\. 검색어 최근 검색어 저장 (금)2\. 검색어 키보드로 이동 가능하게 하기 (금)\~~ 반 정도 완성\~~3\. 채팅 신고 기능 (토,\~~ 일) UI 완성\~~4\. 채팅 시작 전에 주의 문구 (토, 일)5\. 채팅창 깜박거리는 거 해결6\.

~할 것~1\. 검색어 최근 검색어 저장 (금)2\. 검색어 키보드로 이동 가능하게 하기 (금)\~~ 반 정도 완성\~~3\. 채팅 신고 기능 (토,\~~ 일) UI 완성\~~4\. 채팅 쓰로틀링 ? 디바운싱? + 최적화5\. 내부 스크롤 변환6\. 로딩 컴포넌트

수정할 것검색어 키보드로 이동 가능하게 하기채팅 쓰로틀링 ? 디바운싱? + 최적화 => 약간 이상한 거만 수정하기 (월)할 것검색어 최근 검색어 저장 (기능)헤더 햄버거 샤라락 ++ 검색 웹 사이즈 크기 및 위치 조정 opacity 조절내부 스크롤 변환로딩 컴포넌트

오늘의 기가 막힌 트러블 슈팅뭔가뭔가 이상한 친구가 오늘 앞길을 막았다.바로바로키보드 아래로 내려갔을 때 이 친구였다.문제는 맨 처음 화살표 다운을 누르면 두 번 함수가 실행 되어 두 번 내려간다는 것.근데 진짜 웃긴 건 해결한 지금까지도 이유가 명확하지 않다...^^

왜~ 슬픈 예감은~ 틀린 적이 없나.~!!!배포 하루 전 시연 영상 찍으시다가 와장창 오류 발견하셨다. "내 파트에서"진짜 심장이 너무 떨렸는데 이게 최종 발표날이 아니라는 것에 지금은 감사.대신 시연 영상이 너무 늦게 되어 너무 죄송했다ㅠㅠㅠㅠㅠㅠ.. 다시는 이런 일

최종 프로젝트 기간은 끝났지만, 팀원 분들과 조그맣게 디벨롭 하기로 했다.챗봇이 없어서 좀 아쉬워하는 중이라 관련 라이브러리, sdk 찾는 중인데 쓰기가 제법 까다롭다.실시간 유저 채팅 기능 유지 + ai 챗봇을 한 번에 가져가는 게 쉽지는 않아서 계속 고민해봐야 할

기획, 디벨롭 회의 등등으로 코딩을 살짝 멀리한 것 같아서 다시 강의 보면서 코딩 치는 중 !타입스크립트를 하나도 몰랐을 때, 이게 머야...... ....... ...라고 힘들었던 것과 달리 어느 정도 쪼오오끔 알게 되다 보니 끄덕끄덕 하게 된다...!!1-5까지 완

최종 프로젝트 icon 변경리액트 아이콘 -> 디자이너님 메이드 뽀짝 아이콘 바꾸기색은 또 따로 바꿔야 한다~.~ 아니면 activeIcon으로 2개 해야 할 듯 하다.\*오늘의 오류컴포넌트의 import 오류Default Export vs Named ExportDef

ui 목업을 위해 조금씩 준비 중 ... .... ...