git과 github는 코드를 사용하고 협력을 하는 사람들이라면 누구나 알고 있고 사용하는 프로그램과 서비스라고 생각해요. 이번에 강민철 튜터님의 git 강의를 듣게 되어서 강의를 통해 이해한 내용들을 간략하게 정리해볼게요.git과 github는 다른 것인데, 먼저 g
미니프로젝트로 팀소개 페이지를 만들게 되었다. 팀 전체를 소개하는 페이지와 각 팀원을 소개하는 페이지로 구성하기로 했는데, 개인페이지는 각자 개성을 담아 만들어보기로 했다. 어떤 식으로 만들까 고민하다가 카드 뒤집기 효과로 사진을 클릭하면 소개 글이 나오는 느낌으로 만
[MongoDB, pymongo, Javascript, TIL] 댓글 수정, 삭제 API를 위한 고유값 생성 팀 소개 페이지를 만드는 미니 프로젝트 중에 우리는 페이지에 방명록 느낌으로 닉네임과 글을 남길 수 있는 기능을 넣었다.
[ Algorithm | Python | TIL ] 소수 나열하기, 문자열 뒤집기 소수 나열하기 내 풀이 . 모범답안 아쉽게도 나의 사용한 풀이는 가장 기본적인 접근방법이면서, 비효율적인 풀이였다. 소수와 관련된 알고리즘을 만들기 위해서는 먼저 소수(prime
python으로 flask서버에서 if 문을 사용해서 클라이언트에 보내주는 return값을 다르게 해주려고 다음과 같이 코드를 짰다.그런데 user_id_reeive의 값이 분명 mintzzz로 출력되는데도 result값은 'fail'이 나왔다. print()로 출력해
[ ajax | 동기적 사용 | TIL ] 로그인, 회원가입시 ajax API를 동기적으로 사용하기 📌 문제발생 문제상황 프로젝트 진행 중에 웹사이트의 로그인과 회원가입 기능을 만들고 있었다. 그 중에 회원가입 API를 작성하던 중에 오류가 발생했다. 회원가입을
[ Flask | session | TIL ] 세션을 활용한 로그인, 회원가입 구현방법 이번에 로그인, 회원가입을 기능 구현을 담당하게 되어서 각각의 기능에 맞는 통신 API를 설계하게 되었다. 그런데 로그인 구현을 할 때 계속 로그인 상태가 유지되는 원리가 무엇인지
프로그래머스에서 코딩테스트 연습 문제들을 종종 풀어보고 있는 중이다. 자바스크립트 문법에도 익숙해질겸 코딩테스트 연습도 하려는 생각이다.그런데 어떤 문제를 풀다가 확실하게 경험하게 된 Javascript 문법 개념이 있어서 정리해보려고 한다.얼마 전에 타임어택으로 문제
구조 분해 할당 destructuring assignment과 단축 속성명 shorthand property names 내일배움캠프에서 Node.js 주특기 입문 강의를 수강하고 개인 과제로 기본적인 CRUD API를 구현하던 중이었다. 계속해서 오류가 나는데, 전부
Node.js를 공부하면서 로그인 기능을 구현하기 위해서 쿠키와 세션, JWT에 대해서 공부하고 알아보게 되었다. 평소에 굉장히 간단하게 로그인을 해서 여러 사이트의 기능들을 사용하고 있지만, 사실은 그리 간단한 기능은 아니라는 것을 알 수 있게 되었다.자세한 설명들은
DB, 프론트 포함단계별로 계획 세워서 구현개발환경 설정 -> git 생성 -> DB연결 -> 기본 프론트 틀 생성 -> 백엔드 서버 돌리기 등후발대 자료가 순서대로 잘 정리되어 있는 것 같다. 따라하면서 잘 모르는 부분은 강의 및 블로그 참조해 보자.강의 들을 때,
https://youtu.be/gPbz0c2H3kU
Node.js로 간단한 백엔드 프로젝트를 만드려고 한다. 진행을 위해서 DB의 개념과 이번에 사용하려고 하는 MySQL의 설치방법을 알아보았다. 그 중에 DB의 개념에 대해서 간단하게 정리해본다.데이터베이스는 관련성을 가지며 중복이 없는 데이터들의 집합이다.DBMS(D
워크벤치를 사용해서 MySql을 통해 데이터베이스와 테이블을 생성하는 방법을 정리해보겠다.워크벤치의 편리한 점은 저절로 SQL문을 생성해주기 때문에 초반에 문법을 모를 때 각 기능들을 실험해보면서 자연스럽게 SQL문을 익힐 수 있다는 점이다.명령 프롬프트에 입력시에는
완료한 계획(23.01.13 완료)깃 저장소 만들기기본 셋팅 해놓기완료한 계획(23.01.13 완료)깃 만들고 초기설정 및 DB 설계까지만(연동 ㄴㄴ)프론트 부트스트랩으로 만들어놓기(최대한 많이. 프론트 부분 끝내는 것 목표) -> 메인페이지 완성완료한 계획(23.01
워크벤치를 사용해서 데이터베이스를 설계하던 중에 상당히 골치 아픈 에러를 만났다. 테이블을 생성한 후에 외래키(FK, foreign key)를 설정할 때 나타나는 ERROR: 1452 였다. 구글링을 통해서 알게된 에러의 원인은 다음과 같다.(1452): Cannot
📌스터디 발표 ejs, 인터프리터, 컴파일, MySQL > 📌스터디 로그 bootstrap, ejs, 인터프리터와 컴파일, MySQL 데이터베이스 설계와 테이블 생성 등 🌱 장빈 완료한 계획(23.01.13 완료) 깃 저장소 만들기 기본 셋팅 해놓기 완
📌스터디 발표 ejs, 인터프리터, 컴파일, MySQL >https://youtu.be/IB1Vw4Dbfi0 📌스터디 로그 bootstrap, ejs, 인터프리터와 컴파일, MySQL 데이터베이스 설계와 테이블 생성 등 🌱 장빈 완료한 계획(23.01.13 완
노드에서 MySQL 데이터베이스에 접속하여 MySQL 작업을 쉽게 할 수 있도록 도와주는 라이브러리를 시퀄라이즈라고 한다.ORM(Object-relational Mapping)으로 분류. 노드에서 사용하니까 자바스크립트 객체와 데이터베이스의 릴레이션을 매핑해주는 도구이
데이터베이스에서 createdAt과 updatedAt 칼럼을 설정할 때, 입력하지 않아도 자동으로 값이 갱신되도록 설정하는 방법에 대해서 알아본다.먼저 각 칼럼의 의미를 알아보면createdAt - 데이터가 최초 생성(insert)된 시간. 이후 값이 불변한다.upda
cookie, session, jwt 토큰을 활용한 로그인 유지 기능이 아니라 단순히 sequelize를 통해 데이터베이스를 조회해서 회원가입과 로그인을 가능하게 해주는 기능이다. 쿠키와 세션, 토큰을 활용한 로그인 유지기능도 추후 구현 예정이다.프로젝트 내에서 회원가
typescript, sequelize 사용법, DOM, mac에서의 mysql연동https://youtu.be/5wSObXbbt0I완료한 계획(23.01.13 완료)깃 저장소 만들기기본 셋팅 해놓기완료한 계획(23.01.16 완료)불참(외식 이슈)완료한 계획
프로젝트 진행중에 jwt를 활용한 로그인 검증 코드를 구현하려는 중에 발생한 문제였다.jwt 토큰으로 사용자를 검증하고 토큰 유무에 따라 로그인 페이지와 목적 페이지로 리다이렉트 해주는 라우터를 설계해 보았다.그러나 다른 코드에는 아무 문제가 없었고 에러도 뜨는 것이
DOM 예제들https://youtu.be/mPURp9xOrMk완료한 계획(23.01.13 완료)깃 저장소 만들기기본 셋팅 해놓기완료한 계획(23.01.16 완료)불참(외식 이슈)완료한 계획(23.01.17 완료)타입스크립트 공부 (기본타입 ~ 인터페이스)완료
예외처리완료한 계획(23.01.13 완료)깃 저장소 만들기기본 셋팅 해놓기완료한 계획(23.01.16 완료)불참(외식 이슈)완료한 계획(23.01.17 완료)타입스크립트 공부 (기본타입 ~ 인터페이스)완료한 계획(23.01.13 완료)깃 만들고 초기설정 및 DB 설계까
클래스, 타입스크립트, DOM, jwt 기능완료한 계획(23.01.13 완료)깃 저장소 만들기기본 셋팅 해놓기완료한 계획(23.01.16 완료)불참(외식 이슈)완료한 계획(23.01.17 완료)타입스크립트 공부 (기본타입 ~ 인터페이스)완료한 계획(23.01.13 완
자바스크립트 공부를 할 때 다른 언어보다 더욱 매력을 느끼게 해주는 요소는 개인적으로 DOM(문서 객체 조작하기)을 활용할 때인 것 같다. 문서 객체 조작하기를 통해서 웹 문서의 다양한 태그들을 내 마음대로 이렇게 저렇게 다뤄보다보면 공부가 좀 더 재밌는 공부가 된다.
자바스크립트라는 언어는 다른 프로그래밍 언어들에 비해서 굉장히 유연한 성격을 가지고 있다. 이것이 큰 장점이 될 수도 있지만 예기치 못한 오류를 발생시키는 단점이 될 수도 있다. 그래서 오히려 자바스크립트에서 자료형이 어떤 식으로 인식이 되고 언제 변환이 되는지 잘 알
https://youtu.be/-7v-D5Ei8Ag
스터디 | TIL 230213 (월) 코딩할팔자 스터디https://youtu.be/-7v-D5Ei8Ag