태그 목록
post-thumbnail

[1차] 마켓홀리 - 제품 상세 페이지 작업

상세페이지는 여러 리스트에 출력된 제품들 중 하나를 클릭하면 나오는 화면이다.즉 컴포넌트는 하나의 컴포넌트로 재사용해서 사용가능하다.우선 상품 상세페이지에서는 각 제품마다 소개하는 목록이 다르다.판매단위, 중량단위, 배송구분, 포장타입, 알레르기 정보, 유통기한 등 있

2021년 3월 20일
·
4개의 댓글
post-thumbnail

[1차] 마켓홀리 - nav 작업

나는 마켓컬리에서 nav 와 제품상세 페이지를 맡았다. 우선 가장 금방 끝낼 수 있을 것 같은 nav를 먼저 만들었지만 hover에서 hover가 되는 것을 구현하는게 생각보다 오래걸렸다. 개발시간을 잡을때 내가 생각하는 시간의 x2를 해야한다는게 맞는 말인 것 같다.

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

[1차] 마켓컬리 클론 팀 배정 및 CRA초기세팅

고대하던 1차프로젝트가 시작되었다. 첫 날에 바로 작성해야했지만 이것저것 하다보니 바빠서 이제야 포스팅.. 꼭 성공적으로 프로젝트를 마치도록 하자! 마켓홀리팀 화이팅!!마켓컬리, 브랜디, 컨버스도 하면 재밌겠다 싶었는데 다행히 하고싶은게 되었다! 후후프로젝트이름을 정하

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

[westagram] react - 이미지 슬라이드 기능2

이미지 슬라이드 기능은 구현 했으나 이미지슬라이드 이동할 때 밑에 동그라미 표시된 부분을 구현하지 않아서 그것도 마지막으로 구현위와 같이 이미지 슬라이드시 이미지가 몇 번째 슬라이드인지 알 수 있게 기능을 구현했다.ContentMain 컴포넌트에서 이미지 리스트를 받아

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

wecode 4주차 후기

위코드 4주차 후기 아무 말 대잔치! 😀 주의) 글의 흐름이 이상할 수 있음 전공자가 부트캠프로... 난 컴퓨터 전공자이다.. 근데 왜 부트캠프를 왔을까?? 사실 난 공부를 그렇게 열심히 하지 않는 그저 흘러가는대로 사는 사람이었다. 정보처리기사를 취득하고 학부

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

[westargram] react - 이미지 슬라이드 기능1

메인페이지 슬라이드 > 게시글에 사진이 여러장일 경우 화살표가 뜨게 되고 눌렀을 때 자연스럽게 슬라이드가 되도록 만들어야한다! 슬라이드 기능 먼저 이미지를 담고 있는 ul태그의 width 크기를 가져와야한다 어떻게 가져와야할까... 먼저 render()가 완료가

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

[westagram] react 코드리뷰!

React로 옮기면서 지적받은 코드에 대해 고치는 시간!!

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

인증/인가 란? JWT(JSON web token)?

정말 정말 정말 중요한 부분인 것 같다. 아직은 정확히는 모르더라도 계속해서 보고 제대로 이해하도록 노력하자인증은 로그인 절차에서 정확한 이메일/비밀번호 조합을 입력했는지 확인하는 과정을 뜻한다."인증은 왜 필요할까??"우리 서비스를 누가 사용하는지 어떻게 사용하는지?

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

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

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

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

TIL:: wecode 13

(Session) UI/UX 사용자는 기다리지 않는다. 만약 뒤로가기를 누를 때마다 페이지가 새로고침되고 rerender된다면?? ex) 화면 이동시 계속 깜빡인다. 웹 개발자가 UX를 고민해야하는 이유? > 그냥 개발만 하면 되는거 아닌가?? No! 결국 웹

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

TIL:: wecode 12

wecode 17일차 > 오늘은 react router 세션을 듣고 로그인 페이지 리액트로 옮긴 것처럼 메인 페이지도 리액트로 옮기도록 하겠다. (session) react-router / sass SPA(Single Page Application) SPA(Sin

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

TIL:: wecode 11

wecode 16일차 > 3.1 휴무로 인해 뭔가 격차가 더 큰 것 같다.. CRA(create-react-app) 먼저 node와 npm update 실시! Why React? "지속적으로 데이터가 변화하는 대규모 애플리케이션 구축하는 것?을 목표로 2013

2021년 3월 2일
·
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

TIL:: wecode 10

옆으로 넘기기 위해서 ul태그로 감싸고 ul태그에 display:flex 를 줘서 옆으로 정렬되게 하려고 했는데 되긴 되는데 width값 안에서 되버리네??...li에 있는 이미지 크기를 측정해서 transform: translateX() 값을 줘서 바깥으로 넘겨버리면

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

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

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

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

TIL:: wecode 9

오늘은 인스타그램 main 레이아웃 완성 Wecode 11일차 (Session) HTTP !important HTTP HyperText HTML(HyperTextMarkup Language) HyperText = 문서와 문서가 링크로 연결 되어 있음을 뜻한

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

[westargram] main 화면 구현 2

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

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

TIL:: wecode 8

어제 구현했던 로그인 부분중에 실제 인스타그램에서 input창에 텍스트 입력시 placeholder 옵션처럼 생긴 부분이 자연스럽게 위로 올라가고 텍스트 입력하는 곳이 밑으로 내려가는데 그것을 구현하는중...로그인 만드는 중에 한가지 문제점이 생겼다..왜 위처럼 lab

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