# westagram

110개의 포스트
post-thumbnail

27. TIL Westagram (로그인 구현, 비밀번호 암호화, JWT 적용)

오늘은 westagram 관련 두번째 포스팅이다.이번 과제부터는 수행하는데 조금 힘이 들기도 했고, 이해가 명확하게 되지 않은 부분도 있었다.그래서 한 번 완성한 후, 초기셋팅부터 다시 만들어보았다...!

3일 전
·
1개의 댓글
post-thumbnail

TIL 30 | Westagram Posting & Comment

Westagram 프로젝트를 진행하며 Django 세팅을 완료하고 User Model과 회원가입, 로그인 기능까지 구현했었다. 인증과 인가는 아직 진행하지 않았지만, 가입한 회원의 게시물 등록과 댓글 기능을 구현해봤다. 구현에 앞서 Westagram Project는 G

7일 전
·
0개의 댓글
post-thumbnail

25. TIL Westagram (Django초기셋팅,모델링,회원가입구현)

기대 반, 두려움 반! 드디어 Westagram을 만들어보는 시간이다!

2021년 7월 24일
·
0개의 댓글
post-thumbnail

TIL 18 - instagram main 구현

login 페이지를 무사히 넘기고 main 페이지 구현에 들어갔다.댓글 입력 후 엔터키를 누르거나 게시 버튼 클릭 시 댓글이 추가될 수 있도록 구현해주세요👉 게시 버튼이 비활성화 되어있다.👉 input에 값을 넣으면 게시 버튼이 활성화가 되어 진한 파랑색으로 바뀐

2021년 7월 15일
·
1개의 댓글
post-thumbnail

TIL 17 - instagram login 구현

위코드 2주차 html,css,js 기초를 배우고 바로 instagram 클론코딩에 들어갔다.id, pw 에 각각 한 글자 이상 써야 버튼이 활성화 되야하고 원래 연한 파란색이었다가 -> 활성화 되면 파란색으로 구현되어야 한다.❗️하나라도 input에 값을 넣지 않으면

2021년 7월 15일
·
1개의 댓글
post-thumbnail

[(과제) [React] State, Props, Event] - 2

입력한 아이디와 비밀번호가 기준에 맞는 경우에만 로그인 버튼 색상이 활성화될 수 있도록 해주세요.ex. ID - @ 포함 / PW - 5글자 이상삼항 연산자 적용해서 조건에 따라 버튼 색상에 변화를 주시기 바랍니다.위 순서대로 완료 후 Add : Mission 2 -

2021년 6월 27일
·
0개의 댓글
post-thumbnail

[(과제) [React] State, Props, Event] - 1

Mission 1) Login | 사용자 입력 데이터 저장 다음의 순서에 맞게 코드를 작성하여 ID, PW ``에 입력된 값을 state 에 저장해주세요. ID ` 에서 onChange` event 발생 event 발생 시 handleIdInput 함수 실행 hand

2021년 6월 27일
·
0개의 댓글
post-thumbnail

Westagram

0614~위스타그램

2021년 6월 15일
·
0개의 댓글
post-thumbnail

React- Westagram 기록

첫 번째 클론 프로젝트이자 작은 팀플을 진행을 해보았던 westagram 작업을 기록해보았다. 나의 결과물 내가 구현한 기능 댓글들 피드별로 3개,피드3개 만들기 피드 좋아요 기능 댓글 게시(+ enter) 기억하고 싶은 코드 우선 댓글을 쓰는 input과 게

2021년 6월 5일
·
1개의 댓글
post-thumbnail

[TIL #33] Westagram 마무리 그리고 위코드에서 한달

Login Page & Main Page LayoutLogin 시 id (최소 한글자, @ 입력) & Pw (6글자 이상) 조건 만족시 로그인 버튼 활성화 구현Main page feed에 댓글 작성 및 댓글 postcomponent 활용 (nav, feed, story

2021년 5월 9일
·
0개의 댓글
post-thumbnail

위스타그램 클론 프로젝트 후기

1차 클론: 2021/04/19 ~ 2021/04/23(HTML, CSS, JavaScript)2차 클론: 2021/04/26 ~ 2021/05/07(React, SCSS, Fetch API)공통: Git, Github로그인 페이지 레이아웃 구현id, pw 입력 시 로

2021년 5월 9일
·
2개의 댓글
post-thumbnail

React Westagram✨

개인 공부를 위해 작성했습니다React로, 3~4주차 동안 작업한 프로젝트 React Westagram을 마무리하며 내가 작업한 코드를 돌아본다Git을 활용한 <span style="color:- 바닐라 자바스크립트로 클론한 인스타그램 프로젝트 React로 옮기기

2021년 5월 9일
·
0개의 댓글
post-thumbnail

[TIL #32] Westagram - 댓글 구현

구현 JavaScript 코드 위 코드에서 heart아이콘이 true 일때 클래스는 isLiked , false 일때는 isNotLike로 바꿔주고, 각각의 클래스에 맞게 스타일을 주었다. 여기서 className을 두개를 주었다.(fontawsome에서 가져온 tag

2021년 5월 7일
·
0개의 댓글
post-thumbnail

위스타그램 정리

회원가입 기능(비밀번호 암호화해서 db에 저장)로그인 기능(token발행)게시물 작성, 보기 기능(로그인한 사용자만 가능)게시물에 댓글 달기 기능(로그인한 사용자만 가능)user/models.py비밀번호에는 암호화된 문자열이 들어감으로 max_length를 넉넉히 주었

2021년 5월 7일
·
0개의 댓글
post-thumbnail

[TIL #29] React - Westagram Mission 5

 인스타그램 클론 개인 프로젝트(westagram) 진행하면서 feed에 달리는 Comment를 map method를 이용하여 props를 통하여 data를 구현 하는 연습을 해보았다.:: 댓글 부분 <span>에 map method를 이용하여 ID, Messag

2021년 5월 4일
·
0개의 댓글
post-thumbnail

2021.05.04

westagram 회원가입 기능

2021년 5월 4일
·
0개의 댓글
post-thumbnail

2021.05.03

앱 분리Django에서는 주로 다루는 데이터의 종류가 달라지는 시점에서 앱을 분리한다. 인스타그램의 게시물은 사용자 데이터와 성질이 달라 데이터베이스에서 테이블을 따로 한다. 따라서, 주로 다루는 테이블이 달라지므로 앱을 분리 했다.models.pyImage 클래스를

2021년 5월 4일
·
0개의 댓글
post-thumbnail

2021.05.02

정규 표현식 정규표현식이란? > 복잡한 문자열을 처리할 때 사용하는 기법. > 모든 언어 공통 > 문자열의 규칙을 찾아서 간결하게 만들어줌 > 문자클래스[] >- []사이 -dot(.) > - 줄바꿈을 제외한 모든 문자와 매치 반복( *) >- 0번 반복되어도 매

2021년 5월 3일
·
0개의 댓글
post-thumbnail

[TIL#23] Westagram-Loginpage

HTML & CSS1\. Semantic Tag 들을 최대한 사용하려고 노력 (login page 에서는 main, form,footer 등을 사용)2\. flex 를 사용하여 page layout을 구현하고 margin, padding 을 이용하여 추가로 수정Jav

2021년 4월 26일
·
0개의 댓글
post-thumbnail

#TIL14, Westagram 구현과 Refactoring

개인 공부를 위해 작성했습니다1주차는 replit 풀면서 HTML, CSS, Javascript에 대한 개념에 대해 익혔다면,2주차는 1주차에 배웠던 HTML, CSS, Javascript를 활용해서 Westagram을 작업한다.2주차 금요일은 한 주 동안 작업했던 W

2021년 4월 23일
·
0개의 댓글