profile
노력형 잡캐입니다
post-thumbnail

[회고] 화성에서 온 기획자 금성에서 온 개발자

중학생때부터 디자이너가 되겠다며 사선 붓을 잡고 몇백장의 그림을 그려 디자인학과에 입학했다.디지털 미디어 디자인학과에 입학하여 디자인을 배우면 배울수록 '사용자의 심리, 어떻게 하면 편리하게 사용할것인가?, 이탈은 어떻게 막을까?' UX디자인에 빠졌다. 4학년 1학기를

2022년 6월 29일
·
0개의 댓글
post-thumbnail

[2차 프로젝트] Class101 모티브 프로젝트 - 2주차

프로젝트 기간 : 2022.05.09 ~ 2022.05.20클론코딩 사이트 : https://class101.net/2주차 구현목표 : 1. 마이페이지팀 구성 : FE - 4, BE - 2 메인페이지에서 사용한 케러셀 컴포넌트를 재활용하여 찜하기, 구매내역

2022년 5월 22일
·
1개의 댓글
post-thumbnail

[2차 프로젝트] Class101 모티브 프로젝트 - 1주차

프로젝트 기간 : 2022.05.09 ~ 2022.05.20 클론코딩 사이트 : https://class101.net/1주차 구현목표 : 1. 카카오 소셜로그인 2. Footer1\. 카카오 소셜 로그인 기존페이지 레이아웃 구성카카오 소셜로그인 구현로그인 ->

2022년 5월 14일
·
0개의 댓글
post-thumbnail

[React] Customhook

customhook → 동일한 관심사의 코드끼리 분리하기위해 사용한번에 한가지 걱정만 하도록 단위를 잘게 나눈것이다. 우리의 코드가 단위별로 하나의 관심사만 갖도록 하고, 그 관심사에 대해서만 동작하도록 만든다는 뜻이다.그렇게 되면 어떤 문제가 생겼을때 전체 기능을 파

2022년 5월 14일
·
0개의 댓글
post-thumbnail

[AWS] Amazon Web Service

AWS는 Amazon Web Service의 줄임말 입니다. AWS는 소위 클라우드 서비스라고도 합니다. 클라우드 서비스는 서버 등의 인프라스트럭쳐를 필요한대로 on demand로 사용할 수 있는 서비스 입니다. 즉, 유저가 직접 서버를 구입하고 설치할 필요 없이 AW

2022년 5월 8일
·
0개의 댓글
post-thumbnail

[1차 프로젝트 회고] VIVINO

2022.04.25 - 2022.05.06 : 1차 클론코딩 프로젝트 VIVINO : 다양한 주류의 대한 소개와 판매를 목표로 하는 브랜드 커머스 사이트메인페이지 Carousel로그인 modal window상품 검색기능 상품리스트 다중 필터링필터링된 제품 카드형 ui

2022년 5월 6일
·
0개의 댓글
post-thumbnail

RESTful API

API 시스템을 구현하기 위한 아키텍처 중에 가장 널리 사용되는 형식REST(REpresentational State Transfer)란 웹에 존재하는 모든 자원(resorce, ex. 이미지, 동영상, 데이터)에 고유한 URI를 부여하여 자원에 대한 주소를 지정하는

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

[React] hooks

-

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

[React] Error: Objects are not valid as a React child

Error: Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead.Reac

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

[React] useEffect()

useEffect - 훅을 활용해 Side Effect(부수효과)를 일으킬 수 있다.부수 효과가 있다 -> 단순히 부정적인 의미로만 사용하지 않는다.함수 컴포넌트에서의 side Effect는, 렌더링이 아니고 외부세계에 영향을 주는 어떠한 행위어떤 데이터를 가져오기 위

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

[React] mock data instagram feed

1\. FeedData.json 파일 ( mock data를 담을 json파일 )feed.js 파일 필요FeedData.json -> 배열형태로 고유한 id값과 변경하고싶은 값 지정하고변경하고 싶은 데이터의 위치를 지정해 ( ex. userid ) 태그안에 지정해준다

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

[React] Map 함수 적용시 key props를 부여하는 이유

위 공식문서를 참고하여 map 함수 적용시 key props를 부여하는 이유에 대해 블로그를 작성해주세요.본인이 작성한 map 함수 사용 코드를 예시로 활용하여 설명해주세요.

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

[CodeKata] Day5

strs은 단어가 담긴 배열입니다. 공통된 시작 단어(prefix)를 반환해주세요.예를 들어 strs = 'start', 'stair', 'step' return은 'st'strs = 'start', 'wework', 'today' return은 ''

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

[React] State - Props - Event

쉽게말해 State는 변수다. ( 일반변수와 다르게 값이 변하면 렌더링이 일어나는 차이! )값이 변하게되면 연관있는 컴포넌트들이 다시 렌더링이되어 화면이 바뀌게 된다.props와 같이 App 컴포넌트의 렌더링 결과물에 영향을 주는 데이터를 갖는 객체지만, props는

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

[React] Basic

JSX부모요소가 하나가 있어야 한다.아무 내용없는 태그를 추가해줘도 된다 (최상단에 플래그먼트 태그 추가)div classNamecamelcaseFramework - libraryF- 내장되어 있는 기능들이 갖춰진 상태L- 환경만 제공하는 경우 ( 리액트 ) - 커스터

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

[JavaScript] 내가보려고 작성하는 벨로그 16

좋은 웹사이트인지 아닌지 어떻게 판단할까요? 오류가 없고, 이동이 자연스럽고 부드러워야 하며, 클릭했을 때 빠르게 반응해서 사용자의 분노를 일으키지 않는 사이트가 좋은 사이트입니다. 특히 요즘에는 화려하고 다양한 기능이 들어가는 웹 사이트가 늘어나면서 프론트앤드 개발자

2022년 4월 10일
·
0개의 댓글

[etc] 2주차 JS 알고리즘

1\. 짝수인지 판별하는 함수 isEven을 작성해주세요.2\. calculateTotal 함수를 작성하세요.팁과 세금을 제외한 식사값이 주어졌을때, calculateTotal 함수는 팁과 세금이 포함된 총 식사값을 반환합니다.Notes:세금은 9.5% 팁은 15% 로

2022년 4월 8일
·
0개의 댓글

[git] 이란 무엇일까.

version control system (vcs)하나의 파일에서 변경사항을 모두가 트래킹 할 수 있도록 하는것.코드 버전 관리를 하는 이유는 무엇일까요?수정할 때 마다 파일을 새로 만들면 관리가 힘들기 때문에언제든 이전버전의 코드로 돌아갈 수 있기 때문에이력을 남기기

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

[JavaScript] 내가보려고 작성하는 벨로그 15

Object 두번째 강의에서, 객체의 키를 사용하는 여러 방법을 배웠습니다. 이 방법을 사용하면 객체의 특정 키의 값을 가져오는것도 가능하지만, 반대로 객체에 특정 키를 만들고 값을 할당하는것도 가능합니다! information 이라는 객체 하나를 만들었습니다.A와 같

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

[JavaScript] 내가보려고 작성하는 벨로그 14

Object 두번째 강의에서, 객체의 키를 사용하는 여러 방법을 배웠습니다. 이 방법을 사용하면 객체의 특정 키의 값을 가져오는것도 가능하지만, 반대로 객체에 특정 키를 만들고 값을 할당하는것도 가능합니다! information 이라는 객체 하나를 만들었습니다.cons

2022년 4월 3일
·
0개의 댓글