TIL

VSC에 코드를 작성한걸 GIT으로 관리하고싶으면git init >> 뭔가 깃과 관련된 파일이 생성돼도 당황하지 말것.git add . >> 대상지정, . 찍은건 폴더내 모든 대상의미git commit -m '메시지' >> 커밋, 커밋만한다고 푸쉬되는건 아니다.git

Align-items: stretch 교차축방향으로 container 크기만큼 쭉 늘림.align-items: start 교차축 방향으로 자기 자신의 크기만큼 가지는데 그게 앞쪽에 붙음(end면 반대쪽에 가서 붙지)(center면 가운데로 감)이건 justify-con

location.href >> 현재 페이지 주소를 알 수 있다location.href='url' >> 원하는 페이지로 이동할수 있다.var보다 let/const 가 좋은점 >> var 는 변수 중복선언이 되어서 코드가 꼬일 위험이 있지만 let/const는 같은 이름의

element.scrollIntoView 라는 메소드 배움element가 표시되는 위치로 스크롤 해줌함수를 만들고 그 함수를 구동하는데 원하는 argument를 함께 전달하는것을 배우고 실제로 구현함.스크롤이동 구현이런식으로 쓰면 scrolll 함수를 한번 정의해놓은걸

Input type 중에 radio 라는게 있음. 원형 체크박스를 의미.이렇게 생겼고, 보통 label 이랑 함께 작성.label 에는 for="" 가 있는데 여기에는 input 의 id 를 적어주면 됨. name 도 중요한데, name 을 기준으로 같은 그룹으로 묶이

function expression 을 쓰면 함수를 매번 하나하나 정의하는 수고를 덜 수 있다.이런식으로 쓰면 따로 function을 정의하지 않아도 된다는 소리임. arrow function(화살표 함수)이렇게 쓸걸이렇게 줄여쓸수 있다는것.{}는 statement가

position:absolute 인 요소가 화면 너비를 줄였을때 메인 컨텐츠의 일부를 가림메인 컨텐츠 하단에 padding-bottom을 살짝 추가하면 가려지는걸 막을 수 있다.git pages 에 publish 했는데 404에러최상위 디렉토리에 반드시 index.ht

처음 해본 협업! 너무 재밌고 즐겁다.Github을 이용해서 개발자들이 하나의 프로젝트를 함께 진행한다는 이야기는 여러번 들어서 알고 있었지만 실제로 어떤 식으로 이루어지는지는 전혀 감을 잡지 못하고 있었는데 직접 해보니까 생각외로 잘 되는것도 신기하고 팀원이 맡은 부

새로운걸 잔뜩잔뜩 배웠다!exp: 지수형라고 적으면 이 숫자는 2.5\*10^5 를 의미한다.exp는 exponential의 exp일까...?str1.concat(str2) // str1과 str2를 합친다라고 하면 result는 helloworld 가 된다. 띄어쓰

str.replace를 배우고 느낀 무한한 가능성 가지고 직접 장난을 쳐보자!일단 저걸 보자마자 생각난건 기존에 존재하는 meme을 재가공 하는데 쓸 수 있지 않을까 하는것.이걸 string으로 만들자이제 배운걸 써보자결과는 대실패! 맨 처음 나오는 시마무라 만 Jav

갑자기 너무 어려운걸 너무 많이 배웠다...한번에 이해되지 않는것이 당연하니 일단 이해한 대로만 기록하고더 깊이 알게되면 그때 follow up을 적을것1\. 메모리를 기준으로 변수 vs 상수 불변 vs 가변Q. 데이터 영역 메모리를 변경한다는게 뭔데?A. 어떤

let 과 const 는 es6 들어와서 생김. 즉 최신 문법이란 의미.var 는 let 과 마찬가지로 바꿀수 있는 변수를 만든다.Q. 그럼 뭐가 다른거지??A. 결정 적인 차이는 let 과 const 를 이용하여 생성한 변수는 block scope 고 var 를 이용

value가 true 나 false인 불린 값은 아니지만 JS에서 알아서 t/f 로 변환하는걸 falsy와 truthy 라고 함0 -> false0이 아닌 모든 숫자(음수포함) -> true빈 string -> false비어있지 않은 모든 문자열 -> true모든 객체

공부하는 동안 계속 이곳 저곳에서 등장하길래 튜터님께 물어봤다.일단 지금 단계에서 제대로 이해하기엔 지나치게 어렵고 깊은 내용.현재로서는객체에 대해(JS에서는 모든게 기본적으로 객체라고 한다) 메서드를 사용할 수 있게 해주기 위해 JS가 '부여해준' 타입 같은 거라고

instance 라고 부르는 객체를 다량으로! 안전하고! 정확하게! 만들어 내기 위한 설계도! 다른 비유로는 붕어빵을 대량 생산하는 붕어빵틀클래스로 뭘 할 수 있는데?? constructor 를 이용하여 객체의 프로퍼티를 정해줄 수 있고, 그 클래스에서 사용할 수 있

검색 기능은 반드시 들어가야함CSS, HTML, JS 만으로 작성할것여기서부터 엄청나게 헤멨다... 결국 fetch 를 이용하여 다음과 같이 구현. 이게 최선인지는 모르겠음웹페이지가 열리면 바로 컨텐츠를 받아와야 하기에 DOMContentLoaded 이벤트를 사용했다.

유사배열 객체란? length 프로퍼티를 가지고 index로 아이템에 접근할수 있는 것들index를 가지기 때문에 for-of 반복문 같은걸 사용할 수 있다. 예시로 Nodelist와 String 이 있음진짜 배열에만 쓸수 있는 메서드들(대표적으로 splice)이 존재

String을 쪼개고 쪼갠걸 배열에 하나씩 넣어준다. 인자로는 '나누는 기준'을 받는다. 그 기준은 ' ', '\_', ';' 등 뭐든 가능함.split이랑 반대! 인자로 합쳐질 요소들 사이에 넣을것을 지정하고 array를 받아서 그 안의 요소들을 한 덩어리로 뭉쳐준다

가장 쉬운 대답은 '콜백 지옥을 방지하기 위해'=> promise와 then을 사용하면 코드를 읽는 것이 수월해진다.new Promies 키워드를 이용해서 생성.promise는 인자로 함수를 받고 그 함수는 resolve function(보통 resolve라 명명)과

연습문제 풀이

Git, GitHub, 연습문제 풀이, 팀 과제 시작

팀 프로젝트, 연습문제 풀이

팀프로젝트, 메서드 체이닝, after

팀프로젝트, 파비콘, 삼항연산자, fallback img

연습문제풀이

React, toDoList

React, toDoList, 불변성, unique ID

React, toDoList, img src, Object.keys() , Object.values(), Vercel

form, enter로 제출, overflow

useEffect, useRef, useContext, React.Memo, useCallback, useMemo, uuid, styled-components

Redux

연습문제

신규 프로젝트 시작

FanLetter, styled-components, React

context, img src

Fan-letter Website, 공용 모달, 공용 버튼

redux

연습문제

연습문제, 정규표현식(regex)

팀 프로젝트 시작, 뉴스피드

팀프로젝트, 연습문제, firebase

redux, 팀프로젝트, 최대공약수, 최소공배수

KPT 회고

sweetalert2, 연습문제

새 프로젝트, redux-toolkit, 연습문제

react-toastify

개인 프로젝트, hasOwnProperty, 여러 문서 일괄 patch

개인 프로젝트, react-router-dom, interceptors

팀프로젝트

팀 프로젝트, Google maps api

커스텀 훅, 개인프로젝트

팀 프로젝트, CSS

팀 프로젝트, KPT 회고

연습문제, TypeScript

연습문제

개인프로젝트, <progress>

개인프로젝트, tanstack query, optimistic update(낙관적 업데이트)

Next.js

Next.js

Next.js

CSS

팀프로젝트

Supabase

Supabase AUTH

연습문제

팀 프로젝트, KPT회고

연습문제 풀이

팀프로젝트 시작

팀 프로젝트, Supabase

팀 프로젝트

팀 프로젝트, TypeScript

팀 프로젝트, TOAST UI EDITOR

팀 프로젝트

팀프로젝트, Supabase, RPC

팀 프로젝트

팀 프로젝트

팀 프로젝트, RPC, 서버 통신 최적화

팀 프로젝트, MVP 버전

팀 프로젝트, Tailwind CSS 조건부 렌더링, useQuery select option

팀 프로젝트, Tailwind, debugging

팀프로젝트, 리팩토링, customHooks, rpc

팀 프로젝트, 반응형 디자인, Tailwind

팀 프로젝트, tailwind, custom theme, theme toggle, 색맹모드

팀 프로젝트, 첫 테스트 버전 배포, 대용량 사진 업로드, 커스텀 모달

팀 프로젝트, refactoring, custom hook

팀 프로젝트, QUILL

팀 프로젝트 , base64 포맷, QUILL 사진 업로드

팀 프로젝트, QUILL

햄버거문제, 프로그래머스