객체 접근 방법 TS + React + Recoil 환경의 개발을 진행하던 중, 기본적인 문제에 부딪혀 한번 짚고넘어가기 위해 글을 작성한다. 👀오류발생하는 부분을 확인해보자 RecoilState 정의하는 atom.tsx SignUpForm.tsx 여기서
react로 개발을 하다보면, 점점 상태관리를 하는 코드가 늘어나기 마련이다. 특히 useState를 난무하는 경우가 발생하며, react의 특성 중 하나인 ‘단방향 데이터 흐름’으로 인해 useState로 상태가 변경된 값을 props를 특정 컴포넌트로 계속 전달 →
프로그래머스 - Lv1. 달리기 경주문제를 쉽게 풀어보면, callings에서 불린 선수 순서대로 해당 선수의 앞 선수와 순서를 바꾸면서 players의 인덱스 값을 갱신접근 방법 1\. players 배열을 딕셔너리(player_list)를 통해 초기 위치 정보를
PCCP 기출문제 1번 문제/제한사항 업로드중.. 업로드중.. 입력/출력 업로드중.. 문제 바로가기 PCCP 기출문제 1번 💡풀이방법 입출력 예를 보면, 시간이랑 attacks의 배열 값의 첫번째 인덱스 값(공격시간)이 같은 경우 공격을 받게 된다. 변수 c
👩💻 counter 버튼에 따라서 숫자값이 +1 되거나 -1 되는 기능 HTML count_number : 버튼에 의해 값이 바뀌는 text button : 버튼에 따라 값 증가, 감소, 리셋 Javascript querySelector 을 통해 각 버튼의 c
HTML container: background contenst안에 배경색을 나타내는 p와 클릭 버튼 button 생성 Javascript
주요 개념 숫자 올림/내림/반올림 Math.ceil Math.floor Math.round parseInt tilde(~) 연산자, double tilde() 연산자 최대공약수(gcd), 최소공배수(lcm) map, has, set, get 문자열 역순 h
15649번 문제/입력/출력 예제 입출력 문제 바로가기 백준 15659번 💡풀이 방법
내가 제일 취약해하는 DFS, BFS 문제이다.. 항상 기피하던 알고리즘 중 하나인데 언제까지 피할 수만은 없으니, 기왕이면 며칠간 꾸준히 풀면서 간파해버리자👀‼️ 2606번 문제/입력/출력 예제 입력 및 출력 문제 바로가기 백준 2606번 💡풀이 방법 우
(면접에 나올법한 부분들을 위주로 정리를 해보려고 한다.) 📁HTML Hyper Text Markup Laungauge 📁HTML 문서 골격 DOCTYPE이란? 쉽게 말해, 문서의 타입을 지정 세가지 문서 유형: HTML5, XHTML, HTML 일관된 렌더링
이러한 HTTP의 문제점을 HTTPS 프로토콜은 SSL(보안 소켓 계층)을 사용함으로써 해결SSL - 서버와 브라우저 사이에 안전하게 암호화된 연결을 만들 수 있게 도와주고 서버 브라우저가 민감한 정보를 주고받을 때, 이가 도난 당하는 것을 막아줌사용자가 사이트에 제공
서버/클라이언트 간 웹페이지 같은 자원을 주고받을 때 쓰는 통신 규약WWW 상에서 웹페이지나 이미지 같은 정보를 요청과 응답에 의해 주고받는 프로토클라이언트와 서버가 한 번 연결을 맺은 후, 클라이언트 요청에 대해 서버가 응답을 마치면 맺었던 연결을 끊어버리는 성질
백준 1018번.1\. n, m 값 입력받기2\. 길이 m으로 이루어져있는 문자열 B, W을 n개 입력받기3\. 각 입력받은 문자열 한 줄씩 검사i,j를 기준으로 (a,b)에서 a+b값이 짝수인 경우 같은 문자이고, 홀수인 경우 다른 문자이다.
Firebase에 대해 간단한 개념을 우선 정리해보자.Firebase : 실시간 DB, 인증, 스토리지, 분석 등 다양한 기능을 제공하는 모바일/웹앱 개발 플랫폼1) Authentication: 간편한 다중 플랫폼 로그인 \- 이메일 인증, 소셜미디어 계정 인증, 전화
전화번호부에 적힌 전화번호 중, 한 번호가 다른 번호의 접두어인 경우가 있는지 확인하려 합니다.전화번호부에 적힌 전화번호를 담은 배열 phone_book 이 solution 함수의 매개변수로 주어질 때, 어떤 번호가 다른 번호의 접두어인 경우가 있으면 false를 그렇
요즘 계속 공부, 공모전, 다른 일들 하느라 바쁘다는 핑계로 안하고 있어서 해이해진 마음을 다잡기 위해 . . . 다시 코테를 잡았다😶🌫️핑계대지 말고 꾸준히 풀자 ..!!👊2016년 1월 1일은 금요일입니다. 2016년 a월 b일은 무슨 요일일까요? 두 수 a
사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것React는 SPA 방식이다. MPA 방식처럼 새로운 페이지를 로드하는 방식이 아님새로운 페이지를 로드하지 않고 하나의 페이지 안에서 필요한 데이터만 가져오는 형태를 가짐React-Router: 신규
이 부분은 현재 순회 중(...it)인 객체 it의 id 속성이 targetId와 일치하는지 확인한다. 일치O : 새로운 내용 newContent로 content 속성을 수정한 객체를 반환일치X : it 객체를 그대로 반환 (변화X) useState를 이용해 수정되는
특정 아이템 삭제 선택해당 아이템의 id값을 제외한 모든 item을 다시 setData로 값 갱신'삭제하기' 버튼을 클릭했을 때, 해당 item을 삭제하는 onDelete코드 추가삭제하기 버튼 추가
우선 입력한 일기 값을 저장하기 전에, React의 컴포넌트 및 데이터 구조에 대해 생각해봐야한다.현재 만든 react구조를 확인해보면, 아래와 같다.react의 경우 데이터를 위 또는 아래로, 단방향으로만 데이터가 흐르기 때문에 옆으로는 데이터를 오갈 수 없다. 즉