태그 목록

Python 데코레이터

1차(마켓컬리), 2차(에어비엔비) 프로젝트를 하면서 백엔드와 소통할 때 어렴풋이 데코레이터라는 용어를 들었는데 이번에 Flask 기술을 익히는데 개념이 나와서 알아보도록 하겠습니다.

5일 전
·
2개의 댓글
post-thumbnail

Flask 라우팅

네트워크 상에 존재하는 자원을 구분하는 식별자(ID)로서 의미가 강하다.웹에서 어떠한 자원을 찾기 위해서 browsers에 의해 사용되는 메카니즘으로 웹에서 정해진 유일한 자원의 주소이다.https://velog.io 와 같은 것을 URL이라고 한다. 즉 네트

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

Python Flask 알아보기

프론트엔드로 brandi 인턴을 나갔는데 주 업무가 백엔드 ERD 모델링과 API설계라서 이번 한 달은 프론트보다 백엔드에 집중하기로 했다. brandi는 기본적으로 Python Flask 웹 프레임 워크와 프론트는 Vue를 사용한다고 한다. 열심히 해보자

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

에어비엔비 프로젝트 후기

1차 프로젝트인 마켓컬리에 이어 2차 프로젝트는 에어비엔비를 하게되었다. 이번에 프로젝트를 함께 한 팀원들백엔드김세형님, 박국현님프론트윤찬호(나), 권유진님, 김미현님, 김상연님1차 마켓컬리 프로젝트 팀원인 세형님과 유진님이 다시 같은팀이 되었다 😁1차때는 뭔가 "이

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

[2차] Airbnb 클론 프로젝트 #4 숙소 마커 모달창 기능 / 페이지네이션 기능

지도의 하이라이트! 마커 표시 클릭시 해당 숙소 정보가 미니 모달창으로 뜨게 만들었다! 👍🏻google-map-react 라이브러리가 마커 부분 커스터마이징하기가 수월해서 정말 다행이라고 느꼈다.감사합니다 라이브러리 제작해주신 개발자님 😍해당 숙소 마커를 클릭하면

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

[2차] Airbnb 클론 프로젝트 #3 숙소 마커 Hover 기능

.gif) > 오늘 구현한 기능은 숙소 리스트에서 해당 숙소에 마우스 hover를 하면 해당 숙소가 지도 마커 부분에 표시되도록 했다. 어떻게 했나? 최상단 컴포넌트에서 Hover한 숙소 id값을 알 수 있도록 state값을 선언했다.

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

[2차] Airbnb 클론 프로젝트 #2 숙소 리스트 지도 마커 출력

오늘 4.22 일 00:20분에 성공한 리스트에 있는 숙소 좌표값을 지도에 직접 마커로 표시한 기능 여기서 에어비엔비는 마커가 34,000처럼 나오기 때문에 이거 때문에 많이 좀 힘들었다.처음 시도했던 라이브러리로 간단하게 사용할 수 있다는 장점이 있었지만 마커 부분을

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

[2차] Airbnb 클론 프로젝트 #1 숙소 리스트

초기 세팅은 1차 프로젝트와 동일하기 때문에 생략했다.이번 Airbnb 클론 코딩에서 내가 맡게 된 기능은 숙소 리스트를 보여주는 부분이다이번에 구현해야 할 기능은 크게 지도에서 센터 값을 기준으로 숙소 리스트를 보여줘야 한다. 단, 프로젝트 범위는 서울 지역 이내로

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

마켓홀리 프로젝트 후기

1. 마켓컬리 클론 프로젝트 > "처음으로 제대로 된 팀프로젝트를 경험하다." 대학에서 jsp를 활용한 웹프로젝트와 아두이노,라즈베리파이를 활용한 프로젝트를 경험했었다. > 그럼 프로젝트 경험은 있네??! 팀 프로젝트라고 하기에 부르기에 애매한 프로젝트들이 많았

2021년 3월 27일
·
6개의 댓글

[1차] 마켓홀리 - Nav 카테고리별 fetch 요청 문제

프로젝트 막바지인데 뭔가 열심히 하는데 계속 부족한 느낌이다.현재 이 부분은 위의 사진처럼 전체 카테고리에 hover했을 때 나타나는 카테고리 main과 sub 를 출력해주는 로직이다.문제점만약 main 카테고리를 눌렀을 땐 전체를 다 보여주는 리스트 요청을 서버로 보

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

[Ajax] fetch, axios

이번에 진행한 위스타그램에서 백엔드 서버와 통신을 하면서 사용했던 fectch와 axios 에 대해 간단히 공부해보겠습니다.자바스크립트를 사용한 비동기 통신이며, 클라이언트와 서버와 데이터를 xml형태로 주고받는 통신방법이다.쉽게 말해서 자바스크립트를 사용해서 서버에

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