profile
무서운 속도로 흡수하는 스폰지 개발자 🧽
태그 목록
전체보기 (191)내일배움캠프(83)내배캠(83)TIL(66)본캠프(36)사전캠프(23)알고리즘(17)sql(13)팀프로젝트(12)트러블슈팅(12)python(8)CSS(8)리액트(8)회고(8)데이터베이스(7)html(7)파이썬(7)Fetch(7)Firebase(6)React(5)데이터(5)bootstrap(5)KPT(5)CS지식(5)github(5)git(5)kpt회고(5)jquery(4)함수(4)변수(4)반복문(4)토이프로젝트(4)조건문(4)JOIN(4)배열(4)개인프로젝트(4)Table(3)비동기(3)태그(3)JavaScript(3)grid(3)데이터타입(3)API(3)구조화(3)제어문(3)toy project(3)db(3)SQL문법(3)redux(3)딕셔너리(2)객체(2)프로젝트(2)로그인(2)firestore(2)styled components(2)sorting algorithm(2)Props(2)테이블(2)git명령어(2)모바일청첩장(2)promise(2)웹팩(2)팀프로젝트 회고(2)obs(2)리스트(2)form태그(2)subquery(2)vite(2)배포(2)html태그(2)authentication(2)자료구조(2)js(2)제이쿼리(2)부트스트랩(2)자료형(2)프로퍼티(2)sakila(2)공간복잡도(1)dotenv(1)Document(1)await(1)useEffect(1)useState(1)문서id(1)데이터관리(1)async(1)distinct(1)class(1)DevRace(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)json(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)구조분해할당(1)useCallback(1)하드웨어(1)Context API(1)condition(1)reduce(1)font(1)모달(1)프로젝트 기획(1)Java Script(1)onKeyPress(1)프로젝트 회고(1)데이터 타입(1)CDN(1)reverse(1)data(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)Side Project(1)LIMIT(1)커널(1)Grid Garden(1)Math.max()(1)Git Graph(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

[Side Project] 팀프로젝트 DevRace 기획 과정

📝 장장 9월 ~ 11월 중순 까지 4명의 팀원들이 매일 최소 3~4시간 씩 쏟아부으며 기획 및 디자인한 애증의(?) DevRace! 🚘 (기능 구현은 11월 중순이 된 이제야 시작하는게 함정...) 백엔드와의 협업은 처음이기에 이번 프로젝트의 기획 과정을 간략하게

약 17시간 전
·
0개의 댓글
·

[Project] 프론트엔드 사이드 프로젝트를 기획하는 방법

지금까지 숱한 팀프로젝트를 해오면서, 특히 최근 백엔드와 협업하는 프로젝트를 진행하며 배운 기획 과정을 기록하고자 한다.프로젝트를 혼자 시작하려니 할건 많은데 뭐부터 해야할지, 이거 하다보면 저거도 보이고, 저거 하다보면 또 다른 해야할일들이 계속 보여서 이도저도 안되

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

[Next.js] rootLayout을 위한 시맨틱 태그 / Error (Unknown at rule @tailwind css)

📝 들어가기 앞서5개월간 부트캠프 생활을 하며 단기간 빠른 속도로 수 많은 강의를 봤고 과제들도 수행해냈지만, 생각보다 기초를 탄탄히 하는 시간을 갖지 못했으며 SEO 최적화를 위한 시맨틱 태그 활용 등 코드에 대해 깊이 있는 고민을 하는 시간이 많이 부족했다.부트캠

2024년 10월 1일
·
0개의 댓글
·
post-thumbnail

[Programmers] 3진법 뒤집기 ( toString, parseInt, reverse )

n진법이란? : n개의 숫자로 수를 표현하는 방법!n진수란? : n진법으로 나타낸 수ex1) 2진법 : 0, 1 로 수를 표현함 ex2) 8진법 : 0, 1, 2, 3, 4, 5, 6, 7 로 수를 표현함 업로드중.. (출처 : https://hymndev

2024년 9월 17일
·
1개의 댓글
·
post-thumbnail

[Programmers] 최대공약수, 최소공배수 구하기

약수는 num / 2 보다 클 수 없다.\-> for문으로 돌면서 num % i === 0 이 되는 i를 찾으면 된다.(i는 num / 2 까지만 돌아보면 됨)두 수 num1, num2 의 최대공약수를 구하려면두 수 중 작은 수를 알아야 함 (Math.min(num1,

2024년 9월 16일
·
0개의 댓글
·
post-thumbnail

2024.08.16 TIL - 프로그래머스 풀이 (누적값 구하는법, reduce 초기값, 문자를 숫자로 바꾸기)

내 풀이 : 누적값구하기는 무조건 reduce라고 생각했다. 오류 해결처음엔 reduce에 초기값을 설정하지 않았더니 실행 결과 중 '런타임 에러'가 발생하며 오답처리가 되었다.원인은 초기값을 세팅하지 않아서 발생한 문제였다.❓ reduce 메서드에서 '초기값'이란?

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

2024.08.16 TIL - 프로그래머스 풀이 (누적값 구하는법, reduce 초기값, 문자를 숫자로 바꾸기)

프로그래머스 풀이 짝수의 합 내 풀이 : 누적값구하기는 무조건 reduce라고 생각했다. 오류 해결 처음엔 reduce에 초기값을 설정하지 않았더니 실행 결과 중 '런타임 에러'가 발생하며 오답처리가 되었다. 원인은 초기값을 세팅하지 않아서 발생한 문제였다.

2024년 8월 16일
·
0개의 댓글
·
post-thumbnail

2024.08.15 TIL - 프로그래머스 풀이 (몫 구하기 ~~ double tilde)

몫 구하기 풀이 double tilde 문제 풀이

2024년 8월 15일
·
0개의 댓글
·
post-thumbnail

2024.08.15 TIL - JS 강의 재수강 (4주차 ~ 5주차 정리)

4주차 ~ 5주차 강의 정리 콜백함수, 동기 비동기, DOM, 클래스, 인스턴스, 클로저 ![](https://velog.velcdn.com/images/i

2024년 8월 15일
·
0개의 댓글
·
post-thumbnail

2024.08.15 TIL - JS 강의 재수강 (2주차 ~ 3주차 정리)

2주차 ~ 3주차 강의 정리 구조분해할당, 데이터 타입, 메모리, 실행컨텍스트, 콜스택, VE, LE, this binding ![](https://velog

2024년 8월 15일
·
0개의 댓글
·
post-thumbnail

2024.08.15 TIL - JS 강의 재수강 (1주차 정리)

1주차 자료형, 삼항연산자, 화살표 함수, 배열 메서드, 반복문 ![](https://velog.velcdn.com/images/innes_kwak/post/

2024년 8월 15일
·
0개의 댓글
·
post-thumbnail

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

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

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

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

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

2024년 7월 22일
·
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개의 댓글
·