# westagram

120개의 포스트
post-thumbnail

제목 : 깡깡! 괜찮아!

누가 내 머릿속에서 HTML과 CSS를 지운거야.괜찮아! 오늘 선배님이 말씀해주셨잖아! 오히려 괜찮아! position과 flex 하나의 완성물에 접근하는 방법은 정말 다양하다! 아무리 소소한 코드라도 내가 작성하는 것에 자신감을 갖져보자!오늘 정한 목표를 이루다니

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

[Practice] JavaScript로 Instagram 로그인 & 댓글 페이지 구현

HTML&CSS 정리 init() 초기화 시작점을 쉽게 찾기 위해 명확하게 표현하기 위한 함수 쓰지 않아도 무관. querySelector vs getElementBu 큰 차이는 없지만 쿼리셀ㄹ게터 메모리 효율에 좋다. 0 인덱스로 접근하는 이유 clssname은

2021년 10월 8일
·
0개의 댓글
post-thumbnail

[React] 인스타그램 클론코딩 마무리 기록

제시된 문제 : ID와 PW <input>에 이벤트가 발생할 때, handleIdInput함수를 실행하고 이벤트가 일어난 요소에 담긴 (event.target.value)을 state에 저장한다.< 내가 작성해본 코드 >email(idInput)과 passw

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

React - key

key란? 리액트가 내부에서 element를 자동으로 여러개 생성하는 경우에는 console에 에러가 뜬다.! Why? 예를 들면 li 태그를 여러개 생성했을 경우, → 자동으로 여러개 생성된 각각의 항목들은 key라는 props가 있어야 한다 이유는 목록을 구별할

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

westagram React로 변환, 렌더링

로그인페이지를 react로 변환해봤다.

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

instagram clone 댓글달기 기능

html JavaScript JS에서 html요소를 가져오고 요소에 addEventListener를 붙인다. 그 안에는 콜백함수가 있고 이벤트가 발생하면 실행된다. 이벤트 참조 : https://developer.mozilla.org/ko/docs/Web/Eve

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

Weekly I Learned(2주차) - 인스타그램 클론코딩(Westagram)

✔ HTML을 이용한 뼈대 만들기 로그인 페이지 및 메인 페이지 만들기 > - 로그인 페이지 >- 메인 페이지 ✔ CSS를 이용한 레이아웃 만들기 > 로그인 페이지 메인페이지 ✔ 결과물 >✔ 내가 잘 했다고 생각하는 점 👍 완성을 해냈다. 👍 자기소개 페이지를 만들

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

[1차 프로젝트] Westagram clone 1

Westagram colon ▶︎ 학습목표 > HTML태그를 이용하여 구조짜기 CSS 기초 개념을 활용하여 원하는 디자인 짜기 개발자도구를 활용하기 ✓ Mission1 로그인 페이지 레이아웃 ✓ Mission2 id,pw 입력 시 로그인 버튼 활성화 ✓ Missio

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

React | 인스타그램 클론 코딩

인스타그램 클론 코딩 with React 👨‍💻

2021년 8월 29일
·
5개의 댓글
post-thumbnail

Westagram 댓글 추가 / 삭제 기능 구현

Westagram 댓글 추가 기능을 구현하며 React의 기능과 특성을 학습하였다.

2021년 8월 23일
·
0개의 댓글
post-thumbnail

[Westagram] 리액트로 댓글 기능 구현

바닐라 자바스크립트로 클론코딩한 위스타그램을 리액트화하는 작업을 하고 있습니다. 그중 댓글 기능을 리액트 문법으로 작성한 코드를 리뷰해도록 하겠습니다.

2021년 8월 21일
·
0개의 댓글
post-thumbnail

JavaScript | 인스타그램 클론 코딩(Main Page)

Westagram - Instagram 클론 코딩👨‍💻

2021년 8월 21일
·
5개의 댓글
post-thumbnail

[Westagram] 검색 기능 구현

인스타그램 클론코딩인 위스타그램에서 검색 기능을 구현하였습니다.

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

JavaScript | 인스타그램 클론 코딩(Login Page)

Westagram - Instagram 클론 코딩👨‍💻

2021년 8월 14일
·
3개의 댓글
post-thumbnail

[Westagram] 로그인 페이지 구현

인스타그램 클론코딩인 위스타그램에서 로그인 유효성 검사 규칙 기능 구현에 대한 코드를 남겨보았습니다.

2021년 8월 13일
·
2개의 댓글
post-thumbnail

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

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

2021년 7월 28일
·
2개의 댓글
post-thumbnail

TIL 30 | Westagram Posting & Comment

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

2021년 7월 24일
·
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개의 댓글