개발블로그

카카오 서비스에 가입하는 유저들의 아이디를 생성하는 업무를 담당하게되었다. 주어진 임무는 새로 가입하는 유저들이 아이디 규칙이 맞지 않는 아이디를 입력했을 시, 입력된 아이디와 유사하면서 규칙에 맞는 아이디를 추천해주는 프로그램 개발 프로그램은 아래 7단계를 거쳐야 한다. new_id의 모든 대문자를 대응되는 소문자로 치환합니다. new_id에서 알파벳 소문자, 숫자, 빼기(-), 밑줄(_), 마침표(.)를 제외한 모든 문자를 제거 합니다. new_id에서 마침표(.)가 2번 이상 연속된 부분을 하나의 마침표(.)로 치환합니다. new_id에서 마침표(.)가 처음이나 끝에 위치한다면 제거합니다. new_id가 빈 문자열이라면, new_id에 "a"를 대입합니다. new_id의 길이가 16..

코딩테스트 후 오답노트 식으로 작성해보려 한다. 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의 이름을 return 하도록 solution 함수를 작성해주세요. 난 처음에 일단 participant의 값 중 completion에 포함 되어 있지 않는 값을 뽑아 냈다. 이렇게 되면 1, 2번 예제와 같은 경우는 잘 통과 할수 있으나 3번과 같은 중복 되었을 경우 실패한다. 따라서 나는 for문으로 part와 comp안에서 미리 비교된 값은 comp배열에서 빈값으로 만들어..

※ 오늘부터 인프런에서 강의를 진행중이신 김영한 강사님의 JPA 기본편을 들으면서 하나씩 정리하려고 한다. Java version : 11 DB : H2 (1.4.199) 프로젝트를 생성하기에 앞서 하나만 짚고 넘어가자! JPA는 특정 데이터베이스에 종속되어 있지 않다. 이말인 즉슨 만약 DB를 Mysql 에서 Oracle로 변경하면 기존에 관계형 데이터베이스에서는 수정해야할 부분이 많았지만 JPA는 이러한 부분에서 알아서 변형해서 사용한다!! 이 점을 참고하여 아래 persistence.xml 설정 중 Dialect를 참고하자! 1. 프로젝트 생성 intellij > File > New > Project > Maven 선택 + 이름 설정 후 Finish! 2. pom.xml에 dependencies 추..

python pep : python 권장사항( pep8 : 파이썬을 위한 스타일 가이드 ) python은 코드가 한줄당 79자를 넘기지 않는것을 권장함 https://www.python.org/dev/peps/pep-0008/https://www.python.org/dev/peps/pep-0008/

유효성 검사 및 타입 확인 패키지 설치 : npm i prop-types const foodLike = [ { id:1, name: "Home Alone", image: "https://upload.wikimedia.org/wikipedia/ko/3/31/%EB%82%98_%ED%99%80%EB%A1%9C_%EC%A7%91%EC%97%90_%ED%8F%AC%EC%8A%A4%ED%84%B0.jpg", rating: 5 }, { id:2, name: "Harry Potter", image: "https://search.pstatic.net/common/?src=http%3A%2F%2Fblogfiles.naver.net%2F20151224_170%2Fineedu0810_1450929838016sVnO8_JPE..

다중 Components 의 props 사용법 import React from "react" function Food({fav}) { return I love {fav}; } /* 이런 방식도 가능 function Food(props) { return I love {props.fav}; } */ function App() { return ( Hello FFF!! /*이런식이면 props 사용*/ ); } export default App; 위에 예제처럼 Food component를 복붙 하지 않기 위해선 함수 생성 후 동적 데이터 생성 import React from "react" function Food({ name, picture }) { return ( I love {name} ); } //함수 추..

1. react 시작( 설정 ) # cmd 에서 실행 npx create-react-app [movie_app] 2. vscode 실행 생성 후 cmd에서 code movie_app 입력하면 자동으로 vscode가 실행됨 vscode에서 npm start 실행 3. react 코드 작성 react는 먼저 빈 html을 업로드 하고 거기에 우리가 작성한 component를 집어넣음 하나의 react application에서는 하나의 component만 rendering 가능 (아래 예시)

- 카카오 로그인 진행 과정 카카오 개발자 애플리케이션 등록 + 카카오 로그인 활성화 아래 링크에서 내 애플리케이션을 하나 생성하면 앱 키를 생성 받을 수 있음 앱 키 생성 확인 후 카카오 로그인 활성화 + Redirect URI를 추가해 줘야함 링크 : https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com Code class KakaoSignInView(View): """ 인증 코드 받아오기 """ def get(self, request): current_site = get_current_site..

만약 html 에서 url을 통해 views로 parameter를 전달하고 싶다면? 버튼 app_name = 'test' path('test_send///', views.TestView.as_view(), name='test_send'), class TestView(generic.View): def get(self, request, type, cid): # print로 잘 받아오는지 확인 print(type, ' / ', cid) return type

1. 라이브러리 설치 : 차세대 해싱 알고리즘인 Argon2를 이용하여 암호화를 진행 할 예정 pip install argon2-cffi 2. 비밀번호 암호화 # PasswordHasher import 해줘야함 from argon2 import PasswordHasher # 해시 함수 사용 user = User( user_id = user_id, user_pw = PasswordHasher().hash(user_pw), ) user.save() 3. 비밀번호 일치 확인 # 일치하면 True, 다르면 VerifyMismatchError -> 예외처리 필수 PasswordHasher().verify(암호화된 비밀번호, 입력받은 비밀번호) ※ 이때 비밀번호가 일치하지 않으면 VerifyMismatchError..