전체 글28 React - 카카오로그인 구현하기 (REST API) 보안 문제로 사용하지 못하게 된 아까운 나의 코드... 블로그와 Kakao Developers 문서 참고해가면서 열심히 구현했는데, 프론트에서 카카오 쪽에 인가 코드를 요청하고 Access Token을 받아오는 과정을 수행하면 보안상 문제가 발생 할 수 있다는 걸 다음날 알게되어서(...) 피눈물을 흘리며 패기처분한 코드다. 프론트에서 할 거라곤 카카오 로그인 버튼을 누르면 백서버에 로그인 요청 보내는 것 뿐이었다...ㅎ 미리 알았다면 헛고생은 안했을 텐데 하는 아쉬움이 남지만, 그래도 프론트단에서 카카오 로그인을 혼자 구현해 보았다는 뿌듯함이 컸기 때문에 후회는 하지 않는다!! 고생하면서 작성한 코드니까 기록기록 리액트, 타입스크립트 기반으로 REST API 방식 사용해서 구현했다! Kakao Deve.. Git - 로컬에서 원격브랜치 조회하기 로컬에서 원격 브랜치 조회하는 방법 로컬 환경에서 원격브랜치를 조회하고 싶은 경우 아래와 같은 명령어를 사용하면 된다 git branch -r 만약 로컬과 원격에 존재하는 모든 브랜치들을 조회하고 싶은 경우에 실행해줄 명령어는 다음과 같다. git branch -a 백준 - 2738. 행렬덧셈 파이썬 2738번: 행렬 덧셈 첫째 줄에 행렬의 크기 N 과 M이 주어진다. 둘째 줄부터 N개의 줄에 행렬 A의 원소 M개가 차례대로 주어진다. 이어서 N개의 줄에 행렬 B의 원소 M개가 차례대로 주어진다. N과 M은 100보다 작거나 같 www.acmicpc.net 1. SOLUTION A = [list(map(int, sys.stdin.readline().split())) for _ in range(N)] B = [list(map(int, sys.stdin.readline().split())) for _ in range(N)] 행렬 A,B를 입력으로 받은 뒤 for i in range(N): for j in range(M): print(A[i][j] + B[i][j], end=" ") print() 행/열을.. SWEA - 4834. 숫자카드 파이썬 0에서 9까지 숫자가 적힌 N장의 카드가 주어진다. 가장 많은 카드에 적힌 숫자와 카드가 몇 장인지 출력하는 프로그램을 만드시오. 카드 장수가 같을 때는 적힌 숫자가 큰 쪽을 출력한다. [입력] 첫 줄에 테스트 케이스 개수 T가 주어진다. ( 1 ≤ T ≤ 50 ) 다음 줄부터 테스트케이스의 첫 줄에 카드 장수 N이 주어진다. ( 5 ≤ N ≤ 100 ) 다음 줄에 N개의 숫자 ai가 여백없이 주어진다. (0으로 시작할 수도 있다.) ( 0 ≤ ai ≤ 9 ) [출력] 각 줄마다 "#T" (T는 테스트 케이스 번호)를 출력한 뒤, 가장 많은 카드의 숫자와 장 수를 차례로 출력한다.] 0에서 9까지 숫자가 적힌 N장의 카드가 주어진다. 1. SOLUTION 0부터 9까지의 숫자 카드 개수를 세어주기 위해 .. 프로그래머스 - Lv.2 올바른괄호 파이썬 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1. SOLUTION 괄호 검증은 stack 활용 기본 문제다. 이 문제 같은 경우에는 괄호 종류가 소괄호 한 가지 뿐이라 구현 난이도가 그렇게 어렵지는 않은 편이다. 반복문을 통해 문자열을 돌면서 괄호를 stack에 넣었다 뺐다 하면서 짝을 맞춰보면 된다. 왼쪽 괄호/오른쪽 괄호일 때로 나누어서 생각해보면 간단히 풀 수 있는 문제! 현재 괄호가 '(' 일 때 : stack에 push 현재 괄호가 ')' 일 때 stack이 비어있으면 : 짝이 맞지 않는다는 뜻! false stack이 비어있지 않으면 : st.. React기초 - 프로젝트 생성, 컴포넌트, JSX 코딩앙마 React강의 💡 create-react-app / 컴포넌트 / JSX공부 #1 강의 소개 배우게 될 내용 create-react-app functional component(컴포넌트 작성법) JSX ReactHook useState useEffect CRUD JSON-Server Rest API POST / PUT / DELETE 영어단어장 만들어볼 예정 #2 설치 (create-react-app) npx create-react-app "프로젝트이름" ex) npx create-react-app voca npm 아니고 npx인 점 유의!! npm에 올라가있는 패키지를 바로 실행시켜서 설치해주는 도구 npm start : 자동으로 브라우저(리액트 웹 페이지) 실행됨 프로젝트 구조 node_mod.. 이전 1 2 3 4 5 다음
