위코드풀스택 OKYA 2차 프로젝트 회고 또한 처음 프로젝트를 시작할때 새로운 부분(React-Hook, Styled-components)를 적용하여 1차 프로젝트보다 더욱 난이도 있는 사이트를 더 짧은 기간에 클론해야해서 부담이 있었다. 새로운 기술을 빨리 적용해 활용할 수 있다는 자신감을 얻은게 가장 큰 수확인것 같다. IKEA 클론 코딩 프로젝트, IKEA의 기본적인 기능들을 우리 힘으로 구현해 보았다. - 카메라 아이콘 클릭... nodejs위코드ReactWeCode위코드풀스택React 14. 객체-2 지난 포스팅에 이어 객체를 다루는 방식 등에 대해 더 서술하겠습니다. 이런 '객체를 다룬다'는 방법에는 이런 것들이 있겠죠? 객체의 value값을 바꾼다 객체에 새 property를 추가한다 객체의 property 를 삭제한다 마구 다뤄지는 객체의 모습이다. 일단 임의의 객체를 하나 만들어보겠습니다. 🔸 dot notation 🔸 bracket notation 중요한 것은 추가하려는 객체가 ... wecodefullstack위코드풀스택wecodefullstack 15. 객체 -3 이전 포스팅에서 객체의 key값을 바꾸려다가 배열 안에 객체를 넣는 요상한(?)형태가 있다는 것을 발견했습니다. 객체나 배열은 꼭 특정한 모습을 가지고 있지 않습니다. 예제에서나 쓰일 법한 아주 단순한 형태의 배열과 객체 자꾸 게임 이야기를 끌어와서 뭐하지만 객체의 예시를 들기에 아주 적절한 것 같습니다. 이처럼 객체 mythrilCirclet는 2개의 객체, 1개의 배열을 값으로 가지고 있... wecodefullstack위코드풀스택wecodefullstack HTML 레이아웃을 짜기 위한 기초 지식 모든 html 태그들은 block,inline-block,inline요소로 구분지어집니다. block: 자동으로 줄바꿈이 되고, width값을 부모 요소의 값을 따라갑니다. inline: 자동으로 줄바꿈이 되지 않고, width 값은 콘텐츠가 들어있는 만큼의 넓이만 가집니다. inline-block: 인라인과 블럭의 특징을 믹스시킨 짬뽕같은 요소입니다. block inline inline-b... wecodefullstack위코드풀스택wecodefullstack [1차 프로젝트] 다신코(다신샵 클론코딩) 더듬더듬 지금까지 이용해본 사이트를 찾아서 들어갔고, 2주 안에 할 수 없을 것 같은 사이트를 제외하고 나니 리유저블 컴포넌트로 사용할 수 있을만한 것들이 많이 보이는 다신샵이 목록에 남았다. 실제 서비스에는 시간 관련한게 굉장히 많기 때문에 앞으로도 유용하게 사용할 수 있을 것이다. 캐러셀을 만들며 리액트에 다시 한 번 익숙해졌고, state의 개념을 다시 한 번 잡고 다른 기능들도 구현할... 위코드위코드풀스택WeCode클론코딩프로젝트WeCode 파펨 클론 1차 프로젝트 프로젝트 시작전 나의 목표는 다음과 같았다. 특히 전체적으로 결과물에 대한 기대보다는 실제로 동료랑 협업하면서 개발하는건 어떨까? 가장 대표적인 웹사이트인 쇼핑몰의 사이클은 어떨까? 이때까지 배운부분에서 조금이라도 나은 결과물을 만들것 Find Your Scent, 가장 나다운 향을 찾아드립니다. 향수 판매 사이트 클론 프로젝트 BackEnd : Node.js, Nodemon, Express... 위코드위코드풀스택WeCode클론코딩프로젝트WeCode [Javascript] 배열의 인덱스 자바스크립트도 파이썬과 마찬가지로 인덱스가 0부터 시작한다. 배열 요소의 데이터타입이 String인 경우는 글자 하나당 인덱스가 계산된다. a배열 인덱스 0번째 값은 'abc'가 된다. 그 값의 인덱스 1번째 값(a[0][1])은 'a', 'b', 'c' 총 길이 3의 배열중 인덱스 1번째 값인 'b'가 된다. 배열의 길이 == 배열의 마지막 인덱스 + 1 배열의 길이 그대로 반복문에 넣기 ... 인덱스배열wecodefullstack위코드풀스택wecodefullstack
OKYA 2차 프로젝트 회고 또한 처음 프로젝트를 시작할때 새로운 부분(React-Hook, Styled-components)를 적용하여 1차 프로젝트보다 더욱 난이도 있는 사이트를 더 짧은 기간에 클론해야해서 부담이 있었다. 새로운 기술을 빨리 적용해 활용할 수 있다는 자신감을 얻은게 가장 큰 수확인것 같다. IKEA 클론 코딩 프로젝트, IKEA의 기본적인 기능들을 우리 힘으로 구현해 보았다. - 카메라 아이콘 클릭... nodejs위코드ReactWeCode위코드풀스택React 14. 객체-2 지난 포스팅에 이어 객체를 다루는 방식 등에 대해 더 서술하겠습니다. 이런 '객체를 다룬다'는 방법에는 이런 것들이 있겠죠? 객체의 value값을 바꾼다 객체에 새 property를 추가한다 객체의 property 를 삭제한다 마구 다뤄지는 객체의 모습이다. 일단 임의의 객체를 하나 만들어보겠습니다. 🔸 dot notation 🔸 bracket notation 중요한 것은 추가하려는 객체가 ... wecodefullstack위코드풀스택wecodefullstack 15. 객체 -3 이전 포스팅에서 객체의 key값을 바꾸려다가 배열 안에 객체를 넣는 요상한(?)형태가 있다는 것을 발견했습니다. 객체나 배열은 꼭 특정한 모습을 가지고 있지 않습니다. 예제에서나 쓰일 법한 아주 단순한 형태의 배열과 객체 자꾸 게임 이야기를 끌어와서 뭐하지만 객체의 예시를 들기에 아주 적절한 것 같습니다. 이처럼 객체 mythrilCirclet는 2개의 객체, 1개의 배열을 값으로 가지고 있... wecodefullstack위코드풀스택wecodefullstack HTML 레이아웃을 짜기 위한 기초 지식 모든 html 태그들은 block,inline-block,inline요소로 구분지어집니다. block: 자동으로 줄바꿈이 되고, width값을 부모 요소의 값을 따라갑니다. inline: 자동으로 줄바꿈이 되지 않고, width 값은 콘텐츠가 들어있는 만큼의 넓이만 가집니다. inline-block: 인라인과 블럭의 특징을 믹스시킨 짬뽕같은 요소입니다. block inline inline-b... wecodefullstack위코드풀스택wecodefullstack [1차 프로젝트] 다신코(다신샵 클론코딩) 더듬더듬 지금까지 이용해본 사이트를 찾아서 들어갔고, 2주 안에 할 수 없을 것 같은 사이트를 제외하고 나니 리유저블 컴포넌트로 사용할 수 있을만한 것들이 많이 보이는 다신샵이 목록에 남았다. 실제 서비스에는 시간 관련한게 굉장히 많기 때문에 앞으로도 유용하게 사용할 수 있을 것이다. 캐러셀을 만들며 리액트에 다시 한 번 익숙해졌고, state의 개념을 다시 한 번 잡고 다른 기능들도 구현할... 위코드위코드풀스택WeCode클론코딩프로젝트WeCode 파펨 클론 1차 프로젝트 프로젝트 시작전 나의 목표는 다음과 같았다. 특히 전체적으로 결과물에 대한 기대보다는 실제로 동료랑 협업하면서 개발하는건 어떨까? 가장 대표적인 웹사이트인 쇼핑몰의 사이클은 어떨까? 이때까지 배운부분에서 조금이라도 나은 결과물을 만들것 Find Your Scent, 가장 나다운 향을 찾아드립니다. 향수 판매 사이트 클론 프로젝트 BackEnd : Node.js, Nodemon, Express... 위코드위코드풀스택WeCode클론코딩프로젝트WeCode [Javascript] 배열의 인덱스 자바스크립트도 파이썬과 마찬가지로 인덱스가 0부터 시작한다. 배열 요소의 데이터타입이 String인 경우는 글자 하나당 인덱스가 계산된다. a배열 인덱스 0번째 값은 'abc'가 된다. 그 값의 인덱스 1번째 값(a[0][1])은 'a', 'b', 'c' 총 길이 3의 배열중 인덱스 1번째 값인 'b'가 된다. 배열의 길이 == 배열의 마지막 인덱스 + 1 배열의 길이 그대로 반복문에 넣기 ... 인덱스배열wecodefullstack위코드풀스택wecodefullstack