profile
꾸준히 성장하는 우상향 개발자
태그 목록
전체보기 (180)내배캠(83)내일배움캠프(83)TIL(66)본캠프(36)사전캠프(23)알고리즘(17)sql(13)팀프로젝트(12)트러블슈팅(12)회고(8)리액트(8)python(8)CSS(8)html(7)데이터베이스(7)Fetch(7)파이썬(7)Firebase(6)git(5)bootstrap(5)CS지식(5)데이터(5)github(5)KPT(5)kpt회고(5)React(5)배열(4)조건문(4)함수(4)JOIN(4)반복문(4)변수(4)jquery(4)토이프로젝트(4)개인프로젝트(4)JavaScript(3)redux(3)비동기(3)태그(3)데이터타입(3)grid(3)API(3)Table(3)구조화(3)db(3)제어문(3)toy project(3)SQL문법(3)html태그(2)자료형(2)로그인(2)프로젝트(2)firestore(2)Props(2)obs(2)sorting algorithm(2)styled components(2)promise(2)웹팩(2)테이블(2)form태그(2)배포(2)authentication(2)vite(2)리스트(2)팀프로젝트 회고(2)subquery(2)git명령어(2)부트스트랩(2)js(2)제이쿼리(2)sakila(2)딕셔너리(2)모바일청첩장(2)객체(2)자료구조(2)프로퍼티(2)공간복잡도(1)dotenv(1)Document(1)await(1)useEffect(1)useState(1)문서id(1)데이터관리(1)async(1)distinct(1)class(1)while(1)for(1)(1)if-elif-else(1)hr태그(1)Prettier(1)프로그래밍언어(1)compatibility(1)Flexbox(1)env(1)div(1)알고리즘 Code Kata(1)document ready(1)자바스크립트(1)Time Complexity(1)JWT(1)오류 및 해결(1)redux-toolkit(1)table태그(1)replace(1)회원가입(1)repeat(1)Math.min(1)readme(1)filter(1)프로그래밍(1)regex(1)리액트숙련(1)Big O(1)bool(1)아웃소싱(1)react-query(1)개인과제(1)reset.css(1)조건부 스타일링(1)addDoc(1)모달창(1)useContext(1)useMemo(1)useRef(1)Sort(1)this(1)프로젝트회고(1)정렬알고리즘(1)count(1)DOM(1)rtk(1)mysql(1)if else(1)getdoc(1)구조분해할당(1)useCallback(1)하드웨어(1)Context API(1)condition(1)reduce(1)font(1)모달(1)Java Script(1)onKeyPress(1)프로젝트 회고(1)데이터 타입(1)CDN(1)reverse(1)data(1)Git Graph(1)마크다운(1)gitignore(1)array(1)todoList(1)css언어(1)호환성(1)workbench(1)nosql(1)검색엔진최적화(1)sakila데이터(1)seo(1)action creator(1)git ignore(1)semantic web(1)LIMIT(1)커널(1)Grid Garden(1)Math.max()(1)json(1)파이어베이스(1)Today I learned(1)기초(1)시스템콜(1)action type(1)TMDb(1).val()(1)else(1)if(1)뉴스피드(1)openapi(1)기본구조(1)운영체제(1)algorithm(1)data structure(1)논리(1)modal(1)css속성(1)Payload(1)시간복잡고(1)OS(1)비관계형 데이터베이스(1)html5(1)기본데이터(1)웹폰트(1)분기문(1)정규표현식(1)React.memo(1)radix(1)javascript강의(1)JSON Server(1)virtual DOM(1)ORDER BY(1)비구조화(1)variable(1)position(1).toggle(1)와이어프레임(1)실습(1)백엔드(1)관계형 데이터베이스(1)조건(1)figma(1)동기(1)link(1)COALESCE(1)npm(1)indexOf(1)DML(1)git push(1)React Hooks(1)스코프(1)flex box(1)오름차순(1)travel vibe(1)REST(1)react router dom(1)fake-api(1)css - box model(1)WHERE(1)group by(1)findIndex(1)Dinamic Route(1)시멘틱 웹(1)형변환(1)color(1)youtubeapi(1)시간복잡도(1)연산자(1)내림차순(1)리덕스(1)Toyproject(1)실행컨텍스트(1)(1)TanStack(1)파이어스토어(1)
post-thumbnail

2024.07.24 TIL(2) - punycode 에러 해결, tailwind css 미디어 쿼리 시작하기

에러 원인 : node 버전이 너무 최신꺼라서 punycode가 삭제된 버전이라고 한다... 이전 버전으로 돌려줘야 했다. 해결 : node 18버전으로 다운그레이드하여 해결! > 참고 : https://velog.io/@leesin1040/TIL-punycod

5일 전
·
0개의 댓글
·
post-thumbnail

2024.07.22 TIL(1) - 모바일 first와 반응형 웹 디자인의 차이점, 디자인 시스템 사용 이유

지난번 최종프로젝트 때는 1920px 웹 뷰 먼저 만들고, 그 이후에 1240px, 360px 순으로 작은 사이즈 화면을 진행했더니 반응형 웹을 만들면서 많은 시행착오가 있었다. ( 지난번엔 useEffect로 화면 크기를 인식해서 많은 문제가 있었기에 이번엔 같은 실

5일 전
·
0개의 댓글
·
post-thumbnail

2024.06.30 TIL - SQL 강의 (join | subquery 실습, 없는값 제외(null처리 - if, where), null 대신 다른값 사용(coalesce), Pivot view 구조, window함수(rank, sum), date())

문제 : 식당별 평균 음식 주문 금액과 주문자의 평균 연령을 기반으로 Segmentation 하기평균 음식 주문 금액 기준 : 5,000 / 10,000 / 30,000 / 30,000 초과평균 연령 : ~ 20대 / 30대 / 40대 / 50대 이상두 테이블 모두에

2024년 6월 30일
·
0개의 댓글
·
post-thumbnail

2024.06.26 TIL - SQL 강의 (Subquery, Join)

Subquery > 여러 번의 연산을 한 번의 SQL 문으로 수행하기 Subquery 기본문 예시 1 음식 주문시간이 25분보다 초과한 시간을 가져오기 예시 2 음식점의 평균 단가별 segmentation 을 진행하고, 그룹에 따라 수수료 연산하기 (수수료

2024년 6월 26일
·
0개의 댓글
·
post-thumbnail

2024.06.25 TIL - SQL 강의 (조건문 심화, 데이터타입 변환)

1\. 지역과 배달시간을 기반으로 배달수수료 구하기 (식당 이름, 주문 번호 함께 출력) (지역 : 서울, 기타 - 서울일 때는 수수료 계산 \* 1.1, 기타일 때는 곱하는 값 없음 시간 : 25분, 30분 - 25분 초과하면 음식 가격의 5%, 30분 초

2024년 6월 25일
·
0개의 댓글
·
post-thumbnail

2024.06.19 TIL - SQL 강의 (조건문 if, case 예시 모음)

if문 예시cuisine_type 컬럼의 값이 Korean인 경우 컬럼 값을 '한식'으로, Korean이 아닌 경우는 '기타'라고 보여줘.if(조건, 조건 충족할 때, 조건 충족 못 할 때)

2024년 6월 19일
·
0개의 댓글
·
post-thumbnail

2024.06.18 TIL - SQL 강의 (replace, substr, concat)

replace : 특정 문자로 바꿔줘where : 'Blue Ribbon'이 들어간 데이터만 조회해줘 (조건절)like : 비슷한 데이터를 뽑아주는 구문substr() : 특정한 문자를 뽑아주는 구문(substring 써도 됨)1 : 어디서부터 뽑아올지 (첫번째 문자부

2024년 6월 18일
·
0개의 댓글
·
post-thumbnail

2024.06.14 TIL - SQL 강의 (조건 필터링 where절(between, in, like), 숫자 연산(sum, avg, count, min, max), group by, order by)

모든 컬럼이 아닌 특정 컬럼 지정하여 가져오기컬럼 이름 바꾸기 (= 컬럼에 별명 주기)컬럼에 별명 주는 방법컬럼1 as 별명1컬럼2 별명2한글, 특수문자인 경우 큰따옴표 ("") 필수(영문은 안붙여도 됨)원하는 데이터만 불러오기 (엑셀에서의 필터기능) : whereex

2024년 6월 14일
·
0개의 댓글
·
post-thumbnail

2024.06.13 TIL - SQL 강의 (기본개념 정리, select, from)

SQL, Query, 데이터베이스의 기본 개념 정리DBeaver 설치SQL SELECT, FROM 문법 실습SQL이란? : 데이터베이스와 대화하기 위한 언어 (문법)Query : SQL과 같은 말 (언어 그 자체)SQL을 작성한다 === Query를 작성한다DBeave

2024년 6월 13일
·
0개의 댓글
·
post-thumbnail

2024.06.13 TIL - 개발자는 맥북이지! 새 맥북 초기세팅하기 (homebrew, nvm, npm, yarn, node 설치 등)

👍 새 노트북 구매시 설치할 것들!1\. homebrew, node, nvm, npm, yarn2\. VScode3\. 크롬4\. 크로마캠5\. zoom6\. 슬랙기타 등등공식 홈페이지 : https://brew.sh/ko/설치방법 블로그 : https&#x

2024년 6월 13일
·
0개의 댓글
·
post-thumbnail

2024.06.12 TIL - SEO에 관하여

개인프로젝트를 고민하던 중 실 사용자를 받아보는 경험을 할 수 있는 프로젝트를 진행하여 내 경쟁력을 높이고 싶다는 생각이 들었다.실 사용자를 받으려면 일단 검색 시 무조건 상단에 떠야하는데... 그러기 위해 필요한게 바로 SEO 검색 엔진 최적화인거다!SEO(검색 엔진

2024년 6월 12일
·
0개의 댓글
·
post-thumbnail

2024.06.07 TIL - 코딩테스트 강의 시작

데이터를 저장하고 관리하는 방식데이터를 체계적으로 저장, 메모리를 효율적으로 사용할 수 있게 함빠르고 안정적인 데이터 처리메모리 알고있어야 함선형 자료구조, 비선형 자료구조문제 해결, 방법자주 쓰이는 문제 해결 방법이 있음 -> 패턴화(BFS, DFS, Binary S

2024년 6월 7일
·
0개의 댓글
·
post-thumbnail

2024.05.22 TIL - 파이썬 기초 강의

const, let같은게 필요없음python = 1이런식으로만 해도 변수지정 가능Numeric (숫자형)type(변수) -> <class 'int'> 이렇게 타입을 알 수 있는 함수String (문자열)1)여러줄인 문자열 변수지정하기my_str = """제스퍼토미

2024년 5월 23일
·
0개의 댓글
·
post-thumbnail

2024.04.30 TIL - 최종프로젝트 마지막날 (채팅방 내부모달 트러블슈팅 해결, 발표준비)

오늘 한 일✔️ 주석 제거 폰트 import버전 Light house 넣어놓기 로딩스피너 삭제, 스켈레톤으로 수정 (단체 채팅방)✔️ - 제목 - 길어지고있음 생략필요 ✔️ - 상대 프로필사진 이미지 찌그러짐✔️ - 제목, 그리너 간격 좁히기 다시 시도해보자 ✔️ -

2024년 4월 30일
·
0개의 댓글
·
post-thumbnail

2024.04.28 TIL - 최종프로젝트 34일차 (read me 작성 - 스택 배지 추가, 폴더구조 tree 생성/ 시연영상 촬영 / supabase 플랜 업그레이드...)

리드미에 배지로 스택 넣는법참고 : https://cocoon1787.tistory.com/689https://velog.io/@fejigu/Github-Github-README%EC%97%90-%ED%91%9C-%EC%9E%91%EC%84%B1-%E

2024년 4월 28일
·
0개의 댓글
·
post-thumbnail

2024.04.26 TIL - 최종프로젝트 32일차 (트러블슈팅 - useEffect로 인한 리렌더링, 기술적 의사결정 종합, supabase 사용량 초과)

스크롤 및 화면 resize에 변화가 있을 때마다 브라우저가 리렌더링 됨🖥️  페이지 별로 파악해 본 결과 메인페이지 : 스크롤 움직일 시, 화면 resize 시에 계속 화면 리렌더링about 페이지 : 위와 동일기타 페이지 : 화면 resize시 화면 계속 리렌더링

2024년 4월 26일
·
0개의 댓글
·
post-thumbnail

2024.04.25 TIL - 최종프로젝트 31일차 (채팅방 - laptop/mobile디자인, 액션 문의리스트 - 오늘/이전 알림 분리, 디자인 전반, light house 체크, next Image태그 넣는법)

오늘 local host에서 light house 성능 체크를 해봤는데... 14점????? 도저히 믿을 수 없어서 계속 다시 해봤는데 ㅠㅠ ㅋㅋ이상하게 계속 점수가 바뀌더라..!점수가 바뀌던 원인 중 파악된 건 일단 반응형 디자인 중 브레이크 포인트 별로 점수가 다르

2024년 4월 25일
·
0개의 댓글
·
post-thumbnail

2024.04.24 TIL - 최종프로젝트 30일차 (next ui tab 리팩토링, 채팅방 리스트에서 '오늘/이전 알림' 분리, 헤더 채팅리스트 laptop, mobile 디자인)

기존 : next ui 탭 사용 -> 커스텀 극악 난이도...수정 : 기본 div, useState로 탭 구현처음엔 Next ui 에서 tab을 가져와서 사용하고 있었는데, 막상 디자이너의 디자인으로 커스텀하려니까 너무 복잡했다. next ui에서 가져온 컴포넌트 안에

2024년 4월 24일
·
0개의 댓글
·
post-thumbnail

2024.04.23 TIL - 최종프로젝트 29일차 (트러블슈팅, 그룹채팅방 목록 불러오기)

(팀)순규 피드백도 전달하기 데일리 스크럼 잘 되고 있나? 다들 뭐 남았나 들어보고 내 이번주 계획 전달해보기 ✅ 사용량 초과 어떻게 처리(내꺼)그룹채팅방 상대방 프로필들도 보여줘야됨 참여인원 띄우기 디자인 헤더 그룹채팅방 목록 불러오기 디자인 (월,화 - 기능 마무리

2024년 4월 23일
·
0개의 댓글
·