내일배움캠프 React9기 TIL

HTML, CSS, JS, jQeury를 다시한번 복습하는 개념으로 강의를 들었습니다.처음 배울때의 재미를 다시 느끼고 기본 개념을 익히면서 나만의 추억 앨범이라는 페이지를 만들면서 연습했습니다.헤드태그 안에 부트스트랩 과 제이쿼리cdn 추가하고 스크립트로 제이쿼리를

스파르타 코딩클럽의 내일배움캠프의 프론트엔드 과정을 신청을 했다.내일배움캠프를 시작하기 전에 노트를 작성해보려고 한다.내일배움캠프 React 트랙에 참여한 계기는 무엇인가요?내일배움캠프 React트랙에 참여한 계기는 마침 React를 독학을 하면서 공부를 하다가 뭔가

오늘은 3주차 강의숙제를 만들었다. 이런 형식으로 만들면 되는 숙제였다. 기본적인 틀과 구성은 갖춰져 있었고 빨간 테두리와 파란 테두리 박스 부분을 만드는게 숙제였다.빨간 테두리 박스는 HTML, CSS이기도 하고 구성이 짜여 있기도 해서 금방했고, 파란색 부분도 부트

오늘은 데이터베이스에 대해 배웠다. 데이터베이스란? 데이터를 저장하고 여러 사람들이 관리하는 데이터의 모음 데이터베이스를 사용하면 정보를 쉽게 찾고 업데이트 할수 있고, 많은 양의 정보를 효율적으로 관리 가능 SQL(관계형 데이터베이스) : 정리된 정보를 다룰때

사실 오늘은 크게 공부한 것은 없고 복습을 했다.Rect 알아가기 포스트를 쓰면서 리액트의 장단점과 리액트에 대해서 조사를 했다.내 실력은 초보자이기에 연습문제를 풀면서 익히고 있었는데 연습을 하면서 놀랐던 부분이 있어서 적어본다.내가 생각한 풀이는 a ~ b, b ~

타입스크립트 강의를 듣다가 정리해본다. 나중에 타입스크립의 타입에 대해 요약해 놔야겠다.형태는 1, 2 같이 배열형태이지만, 고정 길이 배열이다. 길이뿐만 아니라 타입도 고정이다. 입력받는 데이터 타입을 더 명확하고 엄격하게 처리한다.형태는 enum {NEW, OLD}

오늘도 타입스크립트 강의를 듣다가 배운것을 간단하게 적어보려고 한다. 특정 값만 가질 수 있도록 제한하는 타입이다. 문자열, 숫자, 불리언 값등 값 자체를 타입으로 정의하여 해당 값들만 허용하도록 할 수 있다. 특정 타입에 이름을 붙여 사용하는 방법으로 코드의 가독성과

간단한 과제를 하면서 겪었던 문제를 적어볼까 한다.로또 번호 생성기를 만드는 과제였는데1~45까지 랜덤번호를 6개 생성하고 중복검사를하여 중복된 수가가 없게 만드는 내용이었다.처음에 짰던 코드는 if를 사용하여 만들었다.코드하지만 이렇게 했을때 for문은 6번만 실행되

git에대해 배웠다. 깃 명령어를 사용하려면 리눅스 명령어를 조금 알아야해서 리눅스 명령어 조금 배웠다. 학교다니때 리눅스 배웠던게 여기서 조금 쓰였다.cd ( change directoy) : 작업 디렉토리 이동.. : 상위 디렉토리로 이동ls (list): 현재

최대공약수와 최소공배수두 수를 입력받아 두 수의 최대공약수와 최소공배수를 반환하는 함수, solution을 완성해 보세요. 배열의 맨 앞에 최대공약수, 그다음 최소공배수를 넣어 반환하면 됩니다. 예를 들어 두 수 3, 12의 최대공약수는 3, 최소공배수는 12이므로 s

프로젝트 하다가 로그인을 구현해야 할 일이 생겼다. 로그인을 어떻게 구현할까 하다가 firebase에서 간단한 회원가입과 로그인은 구현할 수 있게 되어있어서 firebase Authentication으로 구현을했다. 로그인 방법 firebase Authenticat

미니 프로젝트가 끝났다. 솔직히 말하면 재밌었다. 뭔가 더 잘 만들고 싶고, "이렇게 잘 만들었습니다." 라며 뽐내고 싶기도 하면서 열정적으로 참여했던 것 같다. 구현과정에서 오류가 발생해서 해결하는 과정도 역시 재밌었다. 무튼 함께 고생한 팀원들과 KPT 회고를 해보

객체 매서드 객체의 키

디바운싱(Debouncing)과 쓰로틀링(Throttling), 왜 써야 할까? 이벤트 핸들러가 너주 자주 실행되는 것을 방지하는 기술. 이들은 성능 최적화와 리소스 관리에 많이 사용됩니다. 디바운싱(debouncing) 디바운싱은 이벤트가 연속적으로 발생할 때, 마지막 이벤트만 실행되도록 하는 기법입니다. 예를 들어, 검색창에서 사용자가 타이핑할 때마다...

영화 검색 프로젝트를 만들다가 마주한 Promise. API에서 받아와서 넘겨줬는데 콘솔로 찍어보니 Promise가 fulfilled 상태로 왔다.근데 생각보다 간단해서 간단하게 작성해보려 한다.Promise가 왔으니 Promise.all로 해결을 해줬다. 이전코드가

이번 문제는 해결하는데 시간을 좀 먹었다. 문제가 뭐냐면 getElementByClassName으로 클래스들을 받아와서 확인을 해봤는데 HTMLCollection\[] 이렇게 뜬다. 내용을 확인하면 각 인덱스에 값이 들어가 있고 length도 20이라고 나와있다. 근데

유독 머리가 안굴러 가던 날 프로젝트를 하다가 조건을 어떻게 작성해야 하는지 몰라서 헤메던 일이다. 내가 원하는건 업데이트를 눌렀을 때 리스트에 해당 나라가 없으면 알림창이 뜨는걸 원했다. 내가 생각한 코드는 some이나 every를 사용해서 찾는 방법이었다. 나의 코드를 알아보자. 이전코드 내가 생각한 코드는 prev배열에서 item.country...

분명 버튼 onClick 이벤트 메서드에 내가 만든 함수를 넣어줬는데 이 이벤트는 동작 안하고 그 상위요소인 Link의 이벤트가 동작하여 페이지가 이동하는 문제가 발생Link를 사용 후 코드코드를 수정하다보니 쿼리스트링을 사용하게 됐음 쿼리스트링으로 사용하니 또 작동이

항상 6개의 포켓볼이 유지되면서 카드가 추가될 경우 포켓볼이 사라지고 포켓몬 카드가 나타나는 방식을 구현하고 싶었다.처음에는 단순히 6개의 포켓볼을 나열하면 될 거라고 생각했다. 하지만 막상 카드를 추가할 때 포켓볼이 사라지고 카드가 들어가는 로직을 어떻게 짜야 하는지

로컬에서 프로젝트를 돌릴때는 문제가 없었는데 vercel로 배포하니 이미지파일이 안나오는 것이다.그래서 네트워크를 보니 404 Not Found?요청 URL을 보니 내가 저장했던 파일위치랑 같은데? 왜?그래서 vercel에서 이미지 누락되는 경우를 찾아봤다.해결 방법들