본문 바로가기

전체 글30

[BOJ][Python3]12933. 오리 문제 유형: 구현 https://www.acmicpc.net/problem/12933 12933번: 오리 첫째 줄에 영선이가 녹음한 소리가 주어진다. 소리의 길이는 5보다 크거나 같고, 2500보다 작거나 같은 자연수이고, 'q','u','a','c','k'로만 이루어져 있다. www.acmicpc.net 퍼포먼스가 낮지 않으면서도 꽤 특이한 풀이를 작성했다고 생각해서 공유하고자 한다. 문제에서 묻는 건 오리의 수인데, q,u,a,c,k 이렇게 오리가 순서대로 운다. 다만 중첩해서 울 수도 있는데(qquuaacckk) 이런 경우는 오리가 두 마리 있는 경우다. 다만 invalid한 quack이 있을 수 있다. 순서가 맞지 않거나 글자가 하나 빠진 경우가 있기 때문이다. 대강 젤리코코라는 플래시게임을 상상.. 2024. 3. 5.
[JavaScript] Render Props Pattern 알아보기 자바스크립트 패턴 스터디에서 설명한 render props pattern 관련 글이다. 요약:컴포넌트에 JSX를 리턴하는 함수 props를 제공한다.render prop를 받는 컴포넌트는 단순히 props로 넘겨받은 함수를 호출해서 JSX를 렌더링할수도 있지만, 함수에 인자도 전달할 수 있다.Basic - Counter 예제 +를 누르면 1 증가, -를 누르면 1 감소위에 있는 숫자는 현재 수, 아래에는 해당 수의 제곱을 보여줍니다.Basic : App으로 상태를 끌어 올림function Counter({ value }) { return {value};}function CounterPower({ value }) { return {value * value};}function Button({ onClic.. 2023. 8. 1.
[Prologue] To-Do list 만들기 Full Stack Developer로 가는 첫걸음, 투두 리스트를 만들어볼 것이다. Front-End: React.js Back-End: Django REST Framework 나는 프론트엔드를 지난 1년정도 공부했고, 백엔드는 전혀 무지한 상태이다. 투두리스트는 기본 중의 기본이지만 보통은 대충 만들어보면서 감만 잡고 끝내버린다. 그렇다면 투두리스트를 잘 만들 수는 없는 걸까? 투두리스트에 좀 더 Advanced한 걸 적용시켜볼수는 없을까? 라는 고민이 되어 나의 공부하는 여정을 투두리스트에 담아볼 것이다. 회사를 다니느라 드문 드문 업데이트 할 것 같다. 체크박스만 있는 텅 빈 화면에서 나중에 괴작이 하나 탄생했으면 하는 바람이다. 2023. 1. 21.
JWT, Session 인증에 대해 1. 기존 방식 아이디, PW를 저장해놓고 계속 서버로 쏘는 방식 → 단점: 한번 탈취당하면 큰일난다. 2. 세션 인증 방식 아이디, PW를 받으면 서버가 세션을 생성한다. 세션 아이디 기준으로 정보를 저장함. 세션을 저장해놓는 세션 저장소가 있음. 사용자는 세션 아이디를 로컬에 저장한다. 사용자는 서버에 요청을 보낼 때마다 쿠키에 있는 걸 전달하고, 서버는 세션아이디가 서버에 저장된 형태인지 확인한다. 장점: 탈취된 세션의 경우 세션을 강제 만료시킬수 있다. 단점: 세션이 많아지면 복잡해짐, 만약 유저가 1000000000명이 동시에 로그인한다면?! 3. JWT 인증 방식 세션이 서버에 인증 정보를 기록했다면 토큰은 인증받은 사용자에게 부여해서 인증 정보를 사용자가 가지고 있음. 헤더, 페이로드, 서명.. 2023. 1. 10.

티스토리툴바