# westagram
제목 : 깡깡! 괜찮아!
누가 내 머릿속에서 HTML과 CSS를 지운거야.괜찮아! 오늘 선배님이 말씀해주셨잖아! 오히려 괜찮아! position과 flex 하나의 완성물에 접근하는 방법은 정말 다양하다! 아무리 소소한 코드라도 내가 작성하는 것에 자신감을 갖져보자!오늘 정한 목표를 이루다니
[Practice] JavaScript로 Instagram 로그인 & 댓글 페이지 구현
HTML&CSS 정리 init() 초기화 시작점을 쉽게 찾기 위해 명확하게 표현하기 위한 함수 쓰지 않아도 무관. querySelector vs getElementBu 큰 차이는 없지만 쿼리셀ㄹ게터 메모리 효율에 좋다. 0 인덱스로 접근하는 이유 clssname은
[React] 인스타그램 클론코딩 마무리 기록
제시된 문제 : ID와 PW <input>에 이벤트가 발생할 때, handleIdInput함수를 실행하고 이벤트가 일어난 요소에 담긴 (event.target.value)을 state에 저장한다.< 내가 작성해본 코드 >email(idInput)과 passw
React - key
key란? 리액트가 내부에서 element를 자동으로 여러개 생성하는 경우에는 console에 에러가 뜬다.! Why? 예를 들면 li 태그를 여러개 생성했을 경우, → 자동으로 여러개 생성된 각각의 항목들은 key라는 props가 있어야 한다 이유는 목록을 구별할
instagram clone 댓글달기 기능
html JavaScript JS에서 html요소를 가져오고 요소에 addEventListener를 붙인다. 그 안에는 콜백함수가 있고 이벤트가 발생하면 실행된다. 이벤트 참조 : https://developer.mozilla.org/ko/docs/Web/Eve
Weekly I Learned(2주차) - 인스타그램 클론코딩(Westagram)
✔ HTML을 이용한 뼈대 만들기 로그인 페이지 및 메인 페이지 만들기 > - 로그인 페이지 >- 메인 페이지 ✔ CSS를 이용한 레이아웃 만들기 > 로그인 페이지 메인페이지 ✔ 결과물 >✔ 내가 잘 했다고 생각하는 점 👍 완성을 해냈다. 👍 자기소개 페이지를 만들
[1차 프로젝트] Westagram clone 1
Westagram colon ▶︎ 학습목표 > HTML태그를 이용하여 구조짜기 CSS 기초 개념을 활용하여 원하는 디자인 짜기 개발자도구를 활용하기 ✓ Mission1 로그인 페이지 레이아웃 ✓ Mission2 id,pw 입력 시 로그인 버튼 활성화 ✓ Missio
[Westagram] 리액트로 댓글 기능 구현
바닐라 자바스크립트로 클론코딩한 위스타그램을 리액트화하는 작업을 하고 있습니다. 그중 댓글 기능을 리액트 문법으로 작성한 코드를 리뷰해도록 하겠습니다.
.jpg?w=120)
27. TIL Westagram (로그인 구현, 비밀번호 암호화, JWT 적용)
오늘은 westagram 관련 두번째 포스팅이다.이번 과제부터는 수행하는데 조금 힘이 들기도 했고, 이해가 명확하게 되지 않은 부분도 있었다.그래서 한 번 완성한 후, 초기셋팅부터 다시 만들어보았다...!
TIL 30 | Westagram Posting & Comment
Westagram 프로젝트를 진행하며 Django 세팅을 완료하고 User Model과 회원가입, 로그인 기능까지 구현했었다. 인증과 인가는 아직 진행하지 않았지만, 가입한 회원의 게시물 등록과 댓글 기능을 구현해봤다. 구현에 앞서 Westagram Project는 G
TIL 18 - instagram main 구현
login 페이지를 무사히 넘기고 main 페이지 구현에 들어갔다.댓글 입력 후 엔터키를 누르거나 게시 버튼 클릭 시 댓글이 추가될 수 있도록 구현해주세요👉 게시 버튼이 비활성화 되어있다.👉 input에 값을 넣으면 게시 버튼이 활성화가 되어 진한 파랑색으로 바뀐