post-thumbnail

[TIL] TypeScript 객체 프로퍼티 접근

객체 접근 방법 TS + React + Recoil 환경의 개발을 진행하던 중, 기본적인 문제에 부딪혀 한번 짚고넘어가기 위해 글을 작성한다. 👀오류발생하는 부분을 확인해보자 RecoilState 정의하는 atom.tsx SignUpForm.tsx 여기서

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

[React] Recoil로 상태관리하기_atom, selector

react로 개발을 하다보면, 점점 상태관리를 하는 코드가 늘어나기 마련이다. 특히 useState를 난무하는 경우가 발생하며, react의 특성 중 하나인 ‘단방향 데이터 흐름’으로 인해 useState로 상태가 변경된 값을 props를 특정 컴포넌트로 계속 전달 →

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

[프로그래머스] Python - Lv.1 - 달리기 경주

프로그래머스 - Lv1. 달리기 경주문제를 쉽게 풀어보면, callings에서 불린 선수 순서대로 해당 선수의 앞 선수와 순서를 바꾸면서 players의 인덱스 값을 갱신접근 방법 1\. players 배열을 딕셔너리(player_list)를 통해 초기 위치 정보를

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

[프로그래머스] Python - Lv.1 - [PCCP 기출문제] 1번

PCCP 기출문제 1번 문제/제한사항 업로드중.. 업로드중.. 입력/출력 업로드중.. 문제 바로가기 PCCP 기출문제 1번 💡풀이방법 입출력 예를 보면, 시간이랑 attacks의 배열 값의 첫번째 인덱스 값(공격시간)이 같은 경우 공격을 받게 된다. 변수 c

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

[JS] 자바스크립트 기초 프로젝트_counter

👩‍💻 counter 버튼에 따라서 숫자값이 +1 되거나 -1 되는 기능 HTML count_number : 버튼에 의해 값이 바뀌는 text button : 버튼에 따라 값 증가, 감소, 리셋 Javascript querySelector 을 통해 각 버튼의 c

2023년 12월 3일
·
0개의 댓글
·
post-thumbnail

[JS] 자바스크립트 기초 프로젝트_color flipper

HTML container: background contenst안에 배경색을 나타내는 p와 클릭 버튼 button 생성 Javascript

2023년 11월 29일
·
0개의 댓글
·

[코테] JS 프로그래머스 입문문제 풀이 모음(1)_ 사칙연산, 조건문, 배열, 수학

주요 개념 숫자 올림/내림/반올림 Math.ceil Math.floor Math.round parseInt tilde(~) 연산자, double tilde() 연산자 최대공약수(gcd), 최소공배수(lcm) map, has, set, get 문자열 역순 h

2023년 11월 22일
·
0개의 댓글
·
post-thumbnail

[백준] Python - 15649번: N과 M (1)

15649번 문제/입력/출력 예제 입출력 문제 바로가기 백준 15659번 💡풀이 방법

2023년 11월 12일
·
0개의 댓글
·
post-thumbnail

[백준] Python - 2606번: 바이러스

내가 제일 취약해하는 DFS, BFS 문제이다.. 항상 기피하던 알고리즘 중 하나인데 언제까지 피할 수만은 없으니, 기왕이면 며칠간 꾸준히 풀면서 간파해버리자👀‼️ 2606번 문제/입력/출력 예제 입력 및 출력 문제 바로가기 백준 2606번 💡풀이 방법 우

2023년 11월 8일
·
0개의 댓글
·

[CS] 프론트엔드 - HTML 면접 관련 개념

(면접에 나올법한 부분들을 위주로 정리를 해보려고 한다.) 📁HTML Hyper Text Markup Laungauge 📁HTML 문서 골격 DOCTYPE이란? 쉽게 말해, 문서의 타입을 지정 세가지 문서 유형: HTML5, XHTML, HTML 일관된 렌더링

2023년 11월 6일
·
0개의 댓글
·

[CS] HTTP(2) - HTTPS, CORS, SOP

이러한 HTTP의 문제점을 HTTPS 프로토콜은 SSL(보안 소켓 계층)을 사용함으로써 해결SSL - 서버와 브라우저 사이에 안전하게 암호화된 연결을 만들 수 있게 도와주고 서버 브라우저가 민감한 정보를 주고받을 때, 이가 도난 당하는 것을 막아줌사용자가 사이트에 제공

2023년 10월 31일
·
0개의 댓글
·

[CS] HTTP(1) - HTTP의 특징, Connectionless, Stateless

서버/클라이언트 간 웹페이지 같은 자원을 주고받을 때 쓰는 통신 규약WWW 상에서 웹페이지나 이미지 같은 정보를 요청과 응답에 의해 주고받는 프로토클라이언트와 서버가 한 번 연결을 맺은 후, 클라이언트 요청에 대해 서버가 응답을 마치면 맺었던 연결을 끊어버리는 성질

2023년 10월 22일
·
0개의 댓글
·
post-thumbnail

[백준] Python - 1018번: 체스판 다시 칠하기

백준 1018번.1\. n, m 값 입력받기2\. 길이 m으로 이루어져있는 문자열 B, W을 n개 입력받기3\. 각 입력받은 문자열 한 줄씩 검사i,j를 기준으로 (a,b)에서 a+b값이 짝수인 경우 같은 문자이고, 홀수인 경우 다른 문자이다.

2023년 10월 16일
·
0개의 댓글
·
post-thumbnail

[React] Firebase를 통해 회원가입, 로그인, 로그아웃 기능 구현

Firebase에 대해 간단한 개념을 우선 정리해보자.Firebase : 실시간 DB, 인증, 스토리지, 분석 등 다양한 기능을 제공하는 모바일/웹앱 개발 플랫폼1) Authentication: 간편한 다중 플랫폼 로그인 \- 이메일 인증, 소셜미디어 계정 인증, 전화

2023년 10월 16일
·
0개의 댓글
·
post-thumbnail

[프로그래머스] JS - Lv.2 - 전화번호 목록

전화번호부에 적힌 전화번호 중, 한 번호가 다른 번호의 접두어인 경우가 있는지 확인하려 합니다.전화번호부에 적힌 전화번호를 담은 배열 phone_book 이 solution 함수의 매개변수로 주어질 때, 어떤 번호가 다른 번호의 접두어인 경우가 있으면 false를 그렇

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

[프로그래머스] JS - Lv.1 - 2016

요즘 계속 공부, 공모전, 다른 일들 하느라 바쁘다는 핑계로 안하고 있어서 해이해진 마음을 다잡기 위해 . . . 다시 코테를 잡았다😶‍🌫️핑계대지 말고 꾸준히 풀자 ..!!👊2016년 1월 1일은 금요일입니다. 2016년 a월 b일은 무슨 요일일까요? 두 수 a

2023년 9월 23일
·
0개의 댓글
·
post-thumbnail

[React] React Router 사용하기, useParams()

사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것React는 SPA 방식이다. MPA 방식처럼 새로운 페이지를 로드하는 방식이 아님새로운 페이지를 로드하지 않고 하나의 페이지 안에서 필요한 데이터만 가져오는 형태를 가짐React-Router: 신규

2023년 9월 4일
·
0개의 댓글
·

[React] 게시글 수정 기능

이 부분은 현재 순회 중(...it)인 객체 it의 id 속성이 targetId와 일치하는지 확인한다. 일치O : 새로운 내용 newContent로 content 속성을 수정한 객체를 반환일치X : it 객체를 그대로 반환 (변화X) useState를 이용해 수정되는

2023년 9월 1일
·
0개의 댓글
·

[React] list item 삭제 기능

특정 아이템 삭제 선택해당 아이템의 id값을 제외한 모든 item을 다시 setData로 값 갱신'삭제하기' 버튼을 클릭했을 때, 해당 item을 삭제하는 onDelete코드 추가삭제하기 버튼 추가

2023년 8월 29일
·
0개의 댓글
·
post-thumbnail

[React] 입력값 저장

우선 입력한 일기 값을 저장하기 전에, React의 컴포넌트 및 데이터 구조에 대해 생각해봐야한다.현재 만든 react구조를 확인해보면, 아래와 같다.react의 경우 데이터를 위 또는 아래로, 단방향으로만 데이터가 흐르기 때문에 옆으로는 데이터를 오갈 수 없다. 즉

2023년 8월 29일
·
0개의 댓글
·