FrontEngineer JungBam

대부분의 사이트가 들어가보면 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 백엔드에서 토큰을 보내면 쿠키 마이토큰에다가 저장(프론트) 프론트에서 요청할때 쿠키에 마이토큰이 있나를 봄. (프론트에서 보내면 무조건 쿠키를 들고간다.)

같이 발전하는 것 항해 99라는 프로그램명이 왜 항해인지 이해할 수 있었다. 개발자들의 문화가 내가 가진것을 꽁하니 갖고 있는 것이 아니라 나눠주고 기술이 발전함에 따라 나도 매너리즘에 빠지지 않고 함께 발전하는 문화라고 들었는데 항해 라는 프로그램이 그러한 개발자를 만들기 위해 항해라고 한 것이 아닐까 생각이 들었다. 막막한 바다에서 믿고 의지할 게 서로인 선원들처럼 이 항해라는 기간동안 함께 나아가는 법, 같이 성장하는 법을 조금 더 발전시킬 수 있지 않을까 생각이 들었다. 군대라는 수직적 문화에서 항상 인정받을 수 있었던 이유가 단순히 내가 잘나서가 아니라 우리 팀이 하나여서였던 것 처럼 수평적 문화에서도 우리가 최고가 될 수 있는 방법을 얻어가는 시간을 보내는 것에 의미를 두는 것을 첫번째 목표로..

스코프 자바스크립트에서 선언된 변수가 존재하는 범위를 이야기함. (전역 스코프 - 렉시컬 스코프) 섀도잉 { ① { ② } } 위와 같이 단락이 나뉘어졌을 때 ①의 렉시컬 스코프와 ②의 렉시컬 스코프가 존재하는데 ②의 렉시컬스코프에서 어떠한 변수를 호출하면 자바스크립트는 ②의 렉시컬 스코프에서 해당 변수를 찾은 뒤에 없으면 ①의 스코프에서 해당 변수를 찾는다. 그렇다면 ①과 ②에서 각각 값이 주어진 변수가 있다면 ②에서 그 변수를 부른다면 당연히 ②의 렉시컬 스코프에서 할당된 값이 불려지게 되는데 이렇게 내부 변수가 위부 변수를 가리는 현상을 섀도잉이라고 한다. 변수의 선언으로 인해 충돌하는 것을 해결하는 방법으로 책에서 제시한 방법은 크게 한가지임. 결국에는 블록 스코프, 즉 나만의 렉시컬 스코프를 만..

타이머 함수 setTimeout(function(){}, 시간(단위 : ms)) 특정 시간 후에 함수를 한번 호출한다. setTimeout(()=>{ console.log('1초 후') }, 1000) setInterval(function(){}, 시간(단위 : ms)) 특정 시간마다 함수를 호출한다. setInterval(()=>{ console.log('1초 마다') },1000)