목록개발일지 (50)
FrontEngineer JungBam
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/xbYi0/btrRnPGGuXg/mutY77I1Sk4ApntdLohkB0/img.png)
로그아웃에 대해서 혼자 만지작하다가 간단한 $.removeCookie()를 안하려고 또 혼자만의 공부에 들어갔다. 내 생각은 프론트에서 요청을 하면 시간을 백에서 만료시킨 토큰을 보내서 로그아웃 시킨다였다. 4시간동안 이것만 했는데 결론은 이 플라스크에서 jwt로 가져올때 유효하지 않는 시간은 안보낸다는 것... 덕분에 쿠키 공부도 많이하고 j쿼리(앞으로 쓸일이 있으려나...)로 쿠키작업하는 건 완전 감잡았다. 쿠키 작업 함수(참고용)(feat.용민님) function setCookie(name, value, exp, path) { var date = new Date(); date.setTime(date.getTime() + exp * 60 * 60 * 1000); document.cookie = `${..
노드 작업을 하다보니 자동으로 만들어진 gitignore에 익숙해졌는지.. 모든 파일이 올라가고 있다는 사실을 뒤늦게 깨닫고 캐시삭제, 깃헙 파일 삭제를 하고 gitignore를 만들었다. 작업하는 언어에 맞는 gitignore 생성은 매우 간단하다. https://www.toptal.com/developers/gitignore/dp gitignore.io Create useful .gitignore files for your project www.toptal.com 사이트에 접속하면 아래와 같은 창이 뜨는데 내가 사용하는 언어를 누르고 생성을 누르면 끝!
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/yCdzi/btrRij14ghK/oFW7MzaMTacieNKkvzrKm0/img.png)
대부분의 사이트가 들어가보면 contact us(고객문의) 기능이 있어서 한번 만들어봐야지라고 생각하고 이것저것 찾아봤다. php 작업.. 지금은 시간싸움인데 공부하고 구현하기에는 어렵다고 생각.. pass 백단에서 메일전송.. 난 프론트엔드 개발자를 하고 싶은데 백단 작업은 그만하고 싶다는 생각.. pass 그러다가 퓨어 js로 간단하게 구현가능한 방법을 찾았다. 바로 Emailjs !! https://www.emailjs.com/ Send email directly from your code | EmailJS No server side code required. Add static or dynamic attachments, dynamic parameters, captcha code and more. ..
기존에 express에서 작업하던 경로에 동적인 경로를 통해 주던 작업을 python으로 해보려고 시도했다. 찾다가 백엔드 지식소 지용님의 도움으로 알게 된 해외 블로그에서 답을 찾았다. https://flask.palletsprojects.com/en/2.2.x/patterns/urlprocessors/?highlight=param 결론이 무엇이냐 경로로 설정된 것을 프론트에서 위와 같이 요청을 하면 백단에서는 아래와 같이 해당 보낸 값을 읽어 올 수 있다. @app.route("/board/", methods=["POST"]) def board_post_comment(id): comment_id = id content_value = request.form["content"] doc={ 'comment..
DOCTYPE html> Kakao 지도 시작하기 하이 var container = document.getElementById('map') var options = { center: new kakao.maps.LatLng(33.450701, 126.570667), level: 3, } var map = new kakao.maps.Map(container, options) 카카오 MAPS API를 이용해 맵 자체를 불러오는 건 매우 간단한 일이었다. 중요할 것은 스크립트가 작동하는 순서!! 카카오 맵 가이드에 있는 샘플만 따라해도 왠만한 기능은 다 구현이 가능했다. https://apis.map.kakao.com/web/
몽고db를 사용하면서 그냥 아무렇지 않게 쓰던 list() 안에 find({},{'_id':False})가 왜 그렇게들 작업하는지 알 수 있었다. _id를 통해 갖고 오는 데이터의 번호를 붙여주려고 작업을 하고 있었다. @app.route("/petcafe/seoul", methods=["GET"]) def petcafe_seoul_get(): all_article = list(db.article.find({},{'_id':False})) return jsonify({'orders': all_article}) 근데 여기서 {'_id':False}를 지우니까 서버에러가 난다. 에러의 이유를 찾아보니까 _Id는 오브젝트라서 데이터로 처리할 수 없다.라는 내용이었다. 여기저기 이유를 찾아보다가 사전 프로젝트에..
쿠키라는 것에 토큰을 담아놓고 토큰이 사라질 때까지 로그인 상태가 유지된다. 이런 점에서 자유이용권과 같다.(feat.동현님) 패스워드만 해시함수를 통해 저장 -> 단방향 암호화 / 복호화 시킬 수 없다. ☞ SHA-256, SHA-384, SHA-512 백엔드에서 토큰을 보내면 쿠키 마이토큰에다가 저장(프론트) 프론트에서 요청할때 쿠키에 마이토큰이 있나를 봄. (프론트에서 보내면 무조건 쿠키를 들고간다.)
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/VC78C/btrQYsMjtm7/56OrBjPzYWU8Iz6aEWYGP0/img.png)
작업 중 백단에서 받아오는 더미 데이터 일부인데 여기서 보듯 json객체는 말에서 알 수 있듯이 {}로 감싸져서 객체화 되어 넘어온다. 이것과 이어서 express의 .render()메소드의 두번째 매개변수로 데이터를 넘겨주는 과정에서 알게 된 사실.. json 파일의 데이터를 보낸다는 것은 json 객체를 보낸다는 것. 그럼 어떠한 객체들이 담긴 객체를 만들어서 보낸다는 건 json 파일을 보내는 것과 같다는 것. 이 board라는 것이 바로 json객체가 된다는 것이고 그 안에서 maxIndex와 newArticles를 쓸 때에는 그 자체를 가져다가 쓸 수 있다는 것.