힘차게, 열심히 공대생

아주 나이스한 깃초보의 깃 실습을위한 연습 툴이다. 소스트리처럼 브랜치나 커밋의 움직을을 볼 수 있다. https://learngitbranching.js.org/ Learn Git Branching An interactive Git visualization tool to educate and challenge! learngitbranching.js.org

WIL 주간 회고 프로젝트가 끝나고 개인 공부시간을 가졌다 한주였다. 평일에는 강의를 듣고, 주말에는 졸업작품을 진행했다. 개인 공부를 위해 팀원들과 정해두었던 기간안에 강의를 모두 들었지만, 완벽하게 이해했다고 생각하지 않아 살짝 아쉬운 감이있다. 졸업작품을 2일동안 진행했지만, 다시 막히고 말았다. Astar 알고리즘에대한 이해도가 높아졌지만, 유의미한 결과를 얻고싶다는 조바심에 시야가 좁아지는것 같다. KEEP 1. 하루계획은 최대한 지켰다. 이번주는 하루동안 하자고 세워두었던 하루 To do 리스트를 어느정도 거의 지켰다. 하루계획을 어찌됬든 최대한 지킬렬고 노력했고, 그러다보니 역시 계획했던건 모두 할 수 있었고, 조금씩조금씩 계속하니 엄청 조급해지지도 않았다. 꾸준히 계속이 최고다. 2. 기억..

TIL 1. 갱신 제한자 2. 웹페이지 유저 관리 스킬 오늘 하루 1. 좋았던 점 그래도 오늘 하고자 했던 졸업작품 공부와 심화 4주차강의를 모두 하긴 했다. 목표를 세운걸 진짜진짜 귀찮고 자고싶고 미루고싶었지만 해내긴 해냈어 나 자신 칭찬해 2. 아쉬운 점 어제 늦게자서 피곤하긴 했지만, 낮에 카페가서 공부할 때 집중을 잘 하지 못했던 같다.. 부천 텐센트 식빵 존맛탱... 4주차 강의에서 유저관리에 대한 전반적인 스킬들을 배울 수 있었는데, 내 것으로 만들려면 다시 한번 정리 후 실습을 해봐야겠다. 3. 오늘 배운 점 오늘도 역시나 잠을 줄이지 말고! 깨어있는 시간을 더 활용해 또 하나, TIL은 짧게써도 기분이 좋은걸!

몽고디비에서 Update 메소드를 사용할 때 값을 수정하기위해 $set을 이용하는데, 이 set이 제한자이다. 제한자의 종류는 다양하고 기능 또한 다양합니다. 제한자의 구체적인 용어는 '갱신 제한자'로, MongoDB에서 문서의 부분 갱신을 할때 매우 효율적으로 수행할 수 있도록 하는 개념이라고 합니다. '갱신 제한자의 종류' $set document에서 특정 키의 값을 수정합니다. 특정 키가 존재하지 않다면 새롭게 생성합니다. 특정 키의 데이터형도 수정할 수 있습니다. $unset document에서 특정 키와 값을 모두 제거합니다. $nc 배열에 사용되는 제한자로써, 지정된 키가 존재하는지 확인할 수 있습니다. $inc 이미 존재하는 키의 값을 수정하거나, 새로운 키를 생성합니다. $set과 비슷하지..

db.collection_name.update_one or update_many db.articles.update_one({'idx': int(id)}, {"$set": {'title': title, 'contents': contents}})

제이쿼리 tobbleClass()로 선택한 요소에 클래스 값을 넣었다 뺄 수 가있습니다. 예를 들어 $( 'p' ).toggleClass( 'xyz' ); 는, p 요소에 xyz 클래스가 없으면 추가하고, 있으면 제거합니다. ex) 사용법 bulma CSS 에서 is-hidden이란 클래스는 요소를 안보이게하는 클래스 function toggle_sign_up() { $("#sign-up-box").toggleClass("is-hidden") $("#div-sign-in-or-up").toggleClass("is-hidden") $("#btn-check-dup").toggleClass("is-hidden") $("#help-id").toggleClass("is-hidden") $("#help-passwo..

오늘은 파이썬 웹페이지 회원가입 로그인 기능을 만들어보고자 한다. 로그인, 회원가입의 원리는 아래와 같다. [회원가입] 회원정보를 받아온다.(ID, PW, Nickname) 회원정보 비밀번호를 해시함수로 암호화해서 데이터베이스에 저장한다. - hashlib [로그인] 사용자의 아이디, 비밀번호를 받아온다. 사용자의 비빌번호를 똑같이 해시함수 값으로 암호화 한다. (암호화한 값이 저장되어있기 때문에) id, 암호화된 pw로 db내에 해당 유저를 찾는다 해당 유저를 찾으면 JWT 토튼을 만들어 발급한다. (JWT 토큰 안에는 id, 토큰만료시간 등이 담겨있다) JWT 토큰을 암호하한다음 브라우저에 보낸다. 브라우저에서 jwt토큰값을 성공적으로 받았으면, 브라우저 쿠키(Cookie)에 이 토큰값을 저장한다. ..

로그인 회원가입 기능을 flask에서 구현할 때 error code : 'str' object has no attribute 'decode' 가 나왔다. 문제는 jwt 토큰을 암호화하고 utf-8 로 다시 디코딩해줄 때 나왔는데 token = jwt.encode(payload, SECRET_KEY, algorithm='HS256').decode('utf-8') 검색을 해보니 python3에서는 기본이 utf-8이기 때문에 굳이 decode를 사용할 필요가 없다고 합니다. 따라서 decode 함수도 필요 없습니다. 출처: https://knight76.tistory.com/entry/python2 [김용환 블로그(2004-2020)]

부트스트랩 말고 또 다른 무료 CSS 프레임워크인 벌마!! 머임마!! 부트스트랩과 사용법도 비슷하고 제공하는 기능도 비슷합니다. 어쩔수 없이 CSS 프레임워크이기 때문이죠 Bulma 가 부트스트랩보다 좋은 점은 제 개인적인 생각으로 조금 더 직관적인 CSS 문법을 사용해서 커스터마이징 하기 쉽다 입니다. Bulma 사용법 1. bulma css link ```html ``` 2. 원하는 CSS를 가져온다! https://bulma.io/documentation/elements/ Bulma: Free, open source, and modern CSS framework based on Flexbox Bulma is a free, open source CSS framework based on Flexbox ..

Flask 에서는 url을 링크할 때 url_for 이라는 재미난 기능이 있다. url_for 함수 url_for 함수는 url 주소값을 가져 온다. url_for( ) 괄호안에 route 함수 명을 넣으면 해당 route가 가지는 url 주소를 가져온다. 그리고 괄호에 다른 항목은 변수명이다. 변수 명을 넣으면 변수명을 포함한 주소값을 가져온다. ex) redirect (url_for) 을 이용하여 main 함수로 주소를 매핑시켰다. 함수명 뒤에 전달해 줄 값, 또는 매개변수를 적어준다. @app.route('/detail/') def detail(keyword): status_receive = request.args.get("status_give") # API에서 단어 뜻 찾아서 결과 보내기 r = ..