전체 글

[항해99] 버킷리스트에 취소/삭제기능 추가하기

❌버킷리스트 취소 기능 추가하기 서버쪽부터 추가해보자! (app.js) bucket_done과 반대로 작동한다고 생각하면 간단하다 cancel 작업을 해줄 url을 추가한다 ( /bucket/cancel ) 클라이언트 쪽의 num값을bucket_done 과 동일하게 받아온다 db에 존재하는 num값을 가진 데이터의 done값을 0으로 바꿔주는 작업을 하면 된다. # 완료 @app.route("**/bucket/done**", methods=["POST"]) def bucket_done(): num_receive = request.form['num_give'] db.bucket.update_one({'num': int(num_receive)}, {'$set': {**'done': 1**}}) return ..

[항해99] 1주차 미니프로젝트 회고

🎨미니 프로젝트 기획하기 4일 기간동안 진행하는 만큼 간단한 게시판 기능 정도 구현할 수 있을 거라고 생각했다. 주제는 독후감 서비스로 잡았다. 사용자들이 책을 좋아하는 사람들이기 때문에 책 신상품과 베스트셀러를 확인할 수 있고, 사용자가 독후감을 작성하기 쉽게 만들어주고 사용자들과 서로 리뷰를 보며 댓글을 남기며 교류할 수 있도록 기획했다. 🖼와이어프레임 figma로 템플릿 하나 다운 받아서 팀원들 다같이 만들기 시작했다. 놀랍게도 팀원 4명 모두 처음으로 figma를 사용하는 거였는데 전직 디자이너님이셨던 팀원님을 필두로 뚝딱뚝딱 만들었다. 와이어프레임을 잡고 시작하니 만들어야 하는 것들이 확실하게 눈에 보인다. 큰 틀을 팀원들이 잡아 놓으면 내가 각각의 기능적인 디테일을 잡아놓는 역할을 했다. 프론..

[TIL] 행복했던 너와 이제는 안녕...

[2022.11.19 TIL] 프론트엔드 공부를 시작하고나서 받아온 데이터들을 자바스크립트로 처리하는데 한계를 느끼고 코딩테스트 용도뿐만 아니라 자바스크립트로 알고리즘 풀이하는 것에 필요성을 많이 느꼈다. 벌써 작성한지 오래된 코드인데도 그 때 기억이 너무 깊게 남아서 잊을 수가 없다. Lodash쓰고 어찌저찌해서 엄청 더럽게 코드를 짰었다. 알고리즘 공부 해야지 해야지 하다가 이번 항해를 계기로 본격적으로 자바스크립트로 문제풀이를 시작했다. 한동안 꽤 오랫동안 파이썬을 사용해와서 그런지 쉬운 문제에도 세부적인 문법이나 처리를 헷갈려서 어렵게 어렵게 문제를 풀었다. 자바스크립트를 사용하면서 느낀 많고 많은 것들중에 하나는 함부로 결과를 판단해버리지 말고 조건문이나 연산을 정확히 작성해야한다는 점 한가지 ..

[TIL] 자바스크립트에 시동걸기

월요일부터 목요일까지 프로젝트를 진행하다가 긴장감이 갑자기 싹 없어져서 오랜만에 한가하게 공부하는 시간을 가졌다. 오늘부터는 알고리즘 공부를 시작하는 주간이라서 자바스크립트라는 언어의 특성을 공부하는 시간을 가졌다. Javascript의 특성에 대해서 알아보자 🎨JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ? 1. 느슨한 타입(loosely typed)의 동적(dynamic) 언어 동적 타입 JavaScript는 느슨한 타입(loosely typed)의 동적(dynamic) 언어입니다. JavaScript의 변수는 synuns.tistory.com 느슨한 동적 타입이라니... 느슨한 것도 맘에 안드는데 동적이기까지 해버린다 지 맘대로에 속을 도통 알기가 힘든 녀석 내가 제일 싫어..

Javascript의 특성에 대해서 알아보자

🎨JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ? 1. 느슨한 타입(loosely typed)의 동적(dynamic) 언어 동적 타입 JavaScript는 느슨한 타입(loosely typed)의 동적(dynamic) 언어입니다. JavaScript의 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당 (및 재할당) 가능합니다. 타입 없이 변수 선언하는 것을 느슨한 타입이라고 하며, 강력한 타입(strong typing)을 사용하는 언어는 타입과 함께 변수를 선언해야만 한다. 타입 없이 변수를 선언한다고해서 타입이 존재하지 않는 것이 아니고 컴퓨터가 해석하고 알아서 타입을 지정해준다고 볼 수 있다. 타입에 따라서 자료형에 맞는 메모리를 지정해주는 과정이 존재하기 ..

[Javascript] Array filter 맛깔나게 써보기

가장 많이 사용하는 자료형 중에 하나인 Array의 메소드 중에 존엄 filter에 대해서 알아보자. 📖MDN부터 살펴보기 Array.prototype.filter() - JavaScript | MDN The filter() method creates a shallow copy of a portion of a given array, filtered down to just the elements from the given array that pass the test implemented by the provided function. developer.mozilla.org "filter 메소드는 조건을 통과(참)하는 모든 요소를 모아서 새로운 배열로 반환한다" 배열 데이터에서 원하는 조건의 요소들만 쏙쏙 뽑..

[Git] github SSH키 추가하기

⚠ $git push origin main 했는데 오류가 발생한다. remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead. remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more information. github에서 더이상 패스워드 인증 방식을 지원하지 않는다. 토큰이나 SSH 키 인증 방식만 사용해야 한다. 처음 git을 공부하는 분들은 '나는 21년 8월 13일에 github를 쓴적이 없는데?' 당..