# westagram

damdreammm

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

hkja0111

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

damdreammm

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

eoskandlv

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

eoskandlv

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

qqbck123

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

qqbck123

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

seoha23

0614~위스타그램

5ceanzoo

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

junchi211

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

dydalsdl1414

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 입력 시 로

april_5

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

junchi211

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

gigymi2005

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

junchi211

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

gigymi2005

westagram 회원가입 기능

gigymi2005

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

gigymi2005

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

junchi211

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

april_5

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