태그 목록
post-thumbnail

[westargram] react로 옮기기 작업 2 - 메인페이지

현재 레이아웃 옮기기는 다했고, mock데이터를 활용하는데 따로 mockdata.js로 분리해야하고, 댓글, 좋아요 기능이 state에 반영되도록 해야한다.인스타그램에선 좋아요 누름과 동시에 서버로 전송하는건가?? 아니면 먼저 좋아요 컴포넌트 sate에 like 버튼

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

[westargram] react로 옮기기 작업 1 - 로그인

바닐라 자바스크립트로 구현한 인스타그램 로그인과 메인페이지를 react 로 구현하도록 하겠습니다.우선 document.querySelect , addEventListener와 같은 것을 바꿔야한다.React에서는 사용하지 않으니 해당 요소를 가져올 땐 useRef()를

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

[westargram] main 화면 구현5 / 댓글 삭제, 댓글 좋아요, 게시글 좋아요 / id,pw 유효성 검사 (정규표현식)

댓글은 비교적 그 상위 부모요소에서 해당 element를 지우면 되니 간단하게 가능!!delete button에 onclick이벤트를 줘서 해당 요소 클릭시 그 해당하는 요소만 지우도록 했다.

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

[westargram] main 화면 구현4 / 댓글 기능

코드 리뷰에서 수정해야할 부분은 다 수정했고 오늘은 aside 섹션 완료하고 댓글 기능까지 구현하도록 하자13인치는 넘나 작은 것...옆의 데이터들은 일단 태그에 img url을 직접 넣어줬는데 레이아웃 마무리 되면 js에서 더미 데이터 생성해서 다시 넣어줘야겠다!만들

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

[westargram] main 화면 구현 3 / 코드 리뷰

left-section은 어느정도 완성! 여러 사진이 넘어왔을 때 옆으로 넘어가는 건 우선 레이아웃 전체적으로 다 완성하고 추가적으로 넣기로 했다.. ㅠㅠ 이제 오른쪽 right-section 부분까지 완성해서 전체적인 레이아웃을 완성하고 게시글 사진 여러장 넘기는 것

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

[westargram] main 화면 구현 2

세션이랑 로그인 자잘한 버그들 수정하고 하다보니 진전이 없었는데 오늘부터 제대로 만들어보자.전체적인 큰 레이아웃은 구조잡기 완료!전체적인 layout 구조를 다 잡았다. 요소들은 마지막에 자바스크립트로 생성해서 넣어주도록하자!!나중에 DB에서 데이터를 받아왔을 때를 생

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

[westargram] main 화면 구현 1

로그인 화면에 동적으로 이미지를 바꿔주는거에 시간을 좀 많이 뺏겼다... 로그인 화면은 다만들었으니 main 화면을 구현하도록 하겠습니다!클래스 이름 짓는게 너무 어렵다.. 계속해서 연습해야겠다. 레이아웃도 나름 공책에 적어서 잘짰다고 생각했는데 만들다보니 수정을 하게

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

[westargram] login 화면 구현

2주차 인스타그램 클론 코딩인 westargram 시작!! 로그인 화면을 구현하도록 하겠다!어제 만들었던 로그인 보다는 지금 실제 서비스중인 로그인 화면을 그대로 구현하기로 마음먹고 다시 만들었다! 아래가 그 결과!우선 빨간 박스를 이제 이미지 url값을 동적으로 넣어

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