.log('FE')

# create-react-app facebook_login # cd facebook_login # npm install react-facebook-login url: react-facebook-login npm document GIT : https://github.com/kangyongseok/Facebook-Login DEMO : https://kangyongseok.github.io/Facebook-Login/ Create ReactJs Facebook Login Button ReactJs 에서 npm 을 설치하여 Facebook Login 버튼 기능을 만들어 보려고 한다. 복잡한 과정은 없고 페이스북에서 아이디 잘 생성하고 react-facebook-login npm document 에서 필요한 ..

GIT : https://github.com/kangyongseok/portfolio/tree/master/src/pages/todo DEMO : https://react-potfolio.firebaseapp.com/todo ReactJS 로 Todo App 만들기 VELOPERT 님의 블로그에있는 TodoList 만들기를 참고하였습니다. 생초보자가 보기에는 여러가지 생략된 상태로 올라왔기때문에 여기서는 공부할겸 하나하나 풀어가면서 보려고 합니다. # npm install -g create-react-app # create-react-app todo_list # cd todo_list # npm start 컴포넌트들을 모아서 관리할 component 폴더를 만들고 그 안에 TodoList 와 관련된 새 ..

코딩애플 - javascript 활용한 쇼핑몰 기능 구현 with Bootstrap 4주과정 git : https://github.com/kangyongseok/CodingApple_Javascript_learning demo : https://kangyongseok.github.io/CodingApple_Javascript_learning/ 1. modal 기능 구현 2. tab 기능 구현 3. Local Storage 활용 4. Modern Javascript(ES6) 활용 5. JSON 으로 데이터 다루기

한번 들었던 강의지만 리마인드도하고 React를 좀 잊어가는것같아서 빠르게 복습하면서 블로그에 진행사항을 남기려고 한다. GIT : https://github.com/kangyongseok/portfolio/tree/master/src/pages/movie DEMO : https://react-potfolio.firebaseapp.com/movie # npm install -g create-react-app # create-react-app 폴더명 # cd 폴더명 # npm start 위의 명령어를 명령프롬프트창에 입력하고 새로운 react-app 폴더를 생성한다. 설치에 성공하면 볼수있게 된다. 해당 폴더로 들어가서 # npm start 를 입력하게되면 localhost:3000 을 가진 웹페이지가 하..

문제 설명 1. 비밀 지도(난이도: 하) 네오는 평소 프로도가 비상금을 숨겨놓는 장소를 알려줄 비밀지도를 손에 넣었다. 그런데 이 비밀지도는 숫자로 암호화되어 있어 위치를 확인하기 위해서는 암호를 해독해야 한다. 다행히 지도 암호를 해독할 방법을 적어놓은 메모도 함께 발견했다. 지도는 한 변의 길이가 n인 정사각형 배열 형태로, 각 칸은 “공백”(“ “) 또는 “벽”(“#”) 두 종류로 이루어져 있다. 전체 지도는 두 장의 지도를 겹쳐서 얻을 수 있다. 각각 “지도 1”과 “지도 2”라고 하자. 지도 1 또는 지도 2 중 어느 하나라도 벽인 부분은 전체 지도에서도 벽이다. 지도 1과 지도 2에서 모두 공백인 부분은 전체 지도에서도 공백이다. “지도 1”과 “지도 2”는 각각 정수 배열로 암호화되어 있다...

문제 1과 20 사이의 숫자를 맞추는 게임 1. 프로그램을 실행하면 "기회가 *번 남았습니다. 1-20 사이의 숫자를 맞춰보세요: " 가 출력 2. 총 4번의 기회 3. 정답을 맞추면 "축하합니다. *번만에 숫자를 맞추셨습니다." 가 출력 프로그램 종료 4. 사용자가 입력한 수가 정답보다 작을경우 "Up"이 출력 그 반대일경우 "Down"이 출력 5. 정답이 틀리면 1번부터 다시 진행 4번의 기회 모두 틀리면 "아쉽습니다. 정답은 *였습니다." 출력 프로그램 종료 풀이 from random import randint # 기회는 4번 # 1~20사이의 난수 count = 4 quiz = randint(1, 20) while count >= 1: num = int(input('기회가 {}번 남았습니다. 1~..

문제 cost원 짜리 물건을 사기위해 payment원을 냈다면 5만원권 1만원권 5천원권 1천원권 각각 몇장 씩 거스름돈을 주면되는지 구하라 풀이 def calculate_change(payment, cost): # 코드를 작성하세요. change = payment - cost fifty_thousand_count = int(change / 50000) print("%d원 지폐: %d장" % (50000, fifty_thousand_count)) change = change % 50000 ten_thousand_count = int(change / 10000) print("%d원 지폐: %d장" % (10000, ten_thousand_count)) change = change % 10000 five_t..

문제 배열 array의 i 번째 숫자부터 j 번째 숫자까지 자르고 정렬했을때, k번째에 있는 수 구하기 array = [1, 5, 2, 6, 3, 7, 4] commands = [[2, 5, 3], [4, 4, 1], [1, 7, 3]] - 2번째부터 5번째 숫자까지 자르고 정렬했을때 3번째 자리수 - 4번쨰부터 4번째 숫자까지 자르고 정렬 1번째 수 - 1번째부터 7번째까지 자르고 정렬 후 3번째 수 def solution(array, commands): answer = [] return answer 풀이 def solution(info, commands): answer = [] for i in range(len(commands)): test = info[commands[i][0] -1:commands..

문제 가운데 글자 가져오기 단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다. def solution(s): return 풀이 def solution(s): if len(s) % 2 == 0: center = len(s) // 2 return s[center-1:center + 1] else: center = len(s) // 2 return s[center] print(solution('abcde')) print(solution('qwerty65')) 다른사람의 풀이 def string_middle(str): return str[(len(str)-1)//2:len(str)//2+1] print(string_middle('ab..

class Human(): def __init__(self, name, weight): '''초기화 함수''' print("__init__실행") self.name = name self.weight = weight def __str__(self): '''문자열화 함수''' return "{} (몸무게 {}kg)".format(self.name, self.weight) def eat(self): self.weight += 0.1 print("{}가 먹어서 {}kg이 되었습니다." .format(self.name, self.weight)) def walk(self): self.weight -= 0.1 print("{}가 걸어서 {}kg이 되었습니다." .format(self.name, self.weight)..