분류 전체보기 138

[백준/Python] 기초 10제 - Day3

1. 20540번 https://www.acmicpc.net/problem/20540 20540번: 연길이의 이상형 졸업을 앞둔 연길이는 크리스마스가 다가올수록 외로움을 느낀다. 그런 연길이를 위해 동우는 소개팅을 시켜주지는 않고 연길이의 이상향을 찾는 것을 도와주고자 한다. MBTI 신봉자인 연길이는 www.acmicpc.net yongil = list(input()) ideal=[] if yongil[0] == 'E': ideal.append('I') else: ideal.append('E') if yongil[1] =='N': ideal.append('S') else: ideal.append('N') if yongil[2] =='F': ideal.append('T') else: ideal.appen..

[알고리즘]/BOJ 2023.02.14

[백준/Python] 기초 10제 - Day 2

10886번 10886번: 0 = not cute / 1 = cute 준희는 자기가 팀에서 귀여움을 담당하고 있다고 생각한다. 하지만 연수가 볼 때 그 의견은 뭔가 좀 잘못된 것 같았다. 그렇기에 설문조사를 하여 준희가 귀여운지 아닌지 알아보기로 했다. www.acmicpc.net cute=0 notcute=0 for i in range(int(input())): yesorno = int(input()) if yesorno == 1: cute+=1 elif yesorno == 0: notcute+=1 if cute>notcute: print("Junhee is cute!") else: print("Junhee is not cute!") 2739번 2739번: 구구단 N을 입력받은 뒤, 구구단 N단을 출력..

[알고리즘]/BOJ 2023.02.10

[리액트 실습] 간단 Todo-List 만들기(추가, 삭제)

1. 구현 화면 첫화면 추가기능 삭제기능 2. 요구사항과 컴포넌트 구조작성 스터디를 진행하며 가장 많이 배운 것은 개발하는 마음가짐과 단계였다. 개발을 진행하기 앞선 단계를 거의 안하고 바로 코딩을 시작하면서 어떻게 할 것인지 머리속으로만 구상했던 과거를 반성하며 .. 이번에는 요구사항을 분석하고 컴포넌트 구조를 먼저 잡아보았다. 아직 내가 짤 수 있는 기능들에 대해서 자세히 몰라 1, 2 단계로 구성해보았다. 1단계에서는 가장 근본적으로 요구하는 사항 -> TodoList에 내가 할 일을 추가하는 것과 일을 끝내면 삭제할 수 있는 기능을 넣는 것에 집중해보았다. 그렇게 1단계까지 선배림과 여러가지 레퍼런스의 도움을 받아 완성해보았다. (구글과 선배림은 신이야 .. ) 아무튼 결론은 어떤 개발을 하더라도..

FE/React 2023.02.05

[리액트 실습] 마켓컬리 클론코딩 1. 헤더 만들기

3주차 과제는 ~~~ 마켓컬리 클론 코딩이다 ! 3주차에서는 SPA, routing에 대해서 배웠다. React Routing - Rising Camp 12th WEB SPA 방식의 어플리케이션에서 여러 페이지를 처리할 수 있도록 도와주는 react-router-dom 라이브러리를 활용해보며, 리액트 라우팅에 대해 이해해봅시다. inbroz-charles.gitbook.io 개인적으로 리액트에서 가장 큰 장점이라 생각되는 부드러운 넘어감(?)을 구현해보는 시간이었다. 1. header 완성화면 페이지 각각은 아직 구현중이다. Kurly홈 이미지를 누르면 Main화면으로 넘어온다. 다른 버튼들도 마찬가지로 누르면 각각 이동한다. 2. 구현 리액트의 react-route-dom을 활용했다. 지금까지 작성한 ..

FE/React 2023.02.03

[리액트 실습] 간단 영화 앱 만들기 4 (1-3 코드)

[리액트 실습] 간단 영화 앱 만들기 3 (components와 props) [리액트 실습] 영화 앱 만들기 2 (리액트 개발환경 구축) [리액트 실습] 영화 앱 만들기 1 (tmdb api 발급) 1. 실습 영상 찰스님의 실습 영상을 보고 공부했다 !! 따라가기도 쉽고 설명도 잘해주셔서 도 0lrlokr.tistory.com 1. 코드 src/components/Movie.jsx import React from 'react' const IMG_BASE_URL = "https://image.tmdb.org/t/p/w1280/"; export default function Movie({title,poster_path,vote_average,id}) { return ( //movie components내 v..

FE/React 2023.02.02

[백준/python] 11286번 절댓값 힙

1. 문제 https://www.acmicpc.net/problem/11286 11286번: 절댓값 힙 첫째 줄에 연산의 개수 N(1≤N≤100,000)이 주어진다. 다음 N개의 줄에는 연산에 대한 정보를 나타내는 정수 x가 주어진다. 만약 x가 0이 아니라면 배열에 x라는 값을 넣는(추가하는) 연산이고, x가 0 www.acmicpc.net 2. 힙(Heap) 힙이란 특정한 규칙을 가지며 완전이진트리을 기본으로 한다. 최댓값, 최솟값 연산을 빠르게 하기 위해 사용된다 ! 이 문제에서도 절댓값의 최솟값부터 출력하라고 했다 ! 파이썬의 heapq 모듈로 힙 자료구조 사용하기 Engineering Blog by Dale Seo www.daleseo.com 모듈에 관한 코드는 이 링크를 통해 참조하고 ..

[알고리즘]/BOJ 2023.02.02

[리액트 실습] 간단 영화 앱 만들기 3 (components와 props)

[리액트 실습] 영화 앱 만들기 2 (리액트 개발환경 구축) [리액트 실습] 영화 앱 만들기 1 (tmdb api 발급) 1. 실습 영상 찰스님의 실습 영상을 보고 공부했다 !! 따라가기도 쉽고 설명도 잘해주셔서 도움이 많이 된 실습이었다 . 2. 완성된 페이지 상영중인 0lrlokr.tistory.com 이렇게 간단한 웹 프로그램도 쓰려니 몇개의 포스팅이 나온다 .. !!!! 나중에 프로젝트를 하면 얼마나 많은 양을 해야할 지 .. 미리미리 공부해야겠다 😂 넷플릭스도 js프레임워크가 리액트였ㄷ ㅏ (스터디 가르쳐주시는 분이 알려주신 wrapplayer이라는 크롬 확장 프로그램 ! ) 언젠가 넷플릭스 클론 코딩 꼭 해보고 싶당 넷플릭스 짱 !! 이제 헛소리는 그만하구 ~ 1. API 가져오기 우선 com..

FE/React 2023.01.24

[리액트 실습] 영화 앱 만들기 2 (리액트 개발환경 구축)

[리액트 실습] 영화 앱 만들기 1 (tmdb api 발급) 1. 실습 영상 찰스님의 실습 영상을 보고 공부했다 !! 따라가기도 쉽고 설명도 잘해주셔서 도움이 많이 된 실습이었다 . 2. 완성된 페이지 상영중인 영화 + 제목 + 평점을 나타낸 리액트 웹 !! 사실 0lrlokr.tistory.com API를 발급받았으니 이제 본격적인 개발(?)을 할 차례다 ~~! 간단한 리액트 실습이기에 과정은 어렵지 않았다. 이전 게시물에서 쓴 API 줄바꿈으로 컴포넌트가 잘 먹지 않았던 문제만 있었을 뿐 코드만 잘 따라 적으니 화면이 잘 떴다. 1. 터미널을 이용해 vscode띄우기 (리액트 개발환경 구축은 추후 포스팅을 작성해야겠습니다 ! ) (React)리액트 설치 및 실행법 상세하게(window & Mac) 리..

FE/React 2023.01.22

[리액트 실습] 영화 앱 만들기 1 (tmdb api 발급)

1. 실습 영상 찰스님의 실습 영상을 보고 공부했다 !! 따라가기도 쉽고 설명도 잘해주셔서 도움이 많이 된 실습이었다 . 2. 완성된 페이지 상영중인 영화 + 제목 + 평점을 나타낸 리액트 웹 !! 사실 영상을 따라가면 다 나온다. 하지만 공부하고 기록하기 위한 블로그니까! 내가 직면했던 어려움도 적어볼 예정이다. 3. API 발급받기 The Movie Database (TMDB) Welcome. Millions of movies, TV shows and people to discover. Explore now. www.themoviedb.org 1. 회원가입> 로그인 > 설정 > API 에 들어간다. 2. API 키 요청을 클릭한 뒤 Developer / Professional 선택사항이 뜨는데 Dev..

FE/React 2023.01.20