React, Typescript, Styled-component, redux-saga 를 사용한 첫번째 웹 개발 프로젝트가 슬슬 마무리 되어 가면서 두번째 프로젝트로 android 기반의 pda application 을 개발하게 되었다.걱정했던 바 대로, 레포를 클론하
react-native init --version 0.61.5(원하는 버전정보) 프로젝트명프로젝트 경로에서 npm start 를 해준 후 새 터미널을 추가해 react-native run-ios프로젝트 경로에서 npm start 해준 후 android studio 를
윈도우 유저로 살다 맥을 사용한지 얼마 안되어 더욱 힘들었던 리액트 네이티브 세팅을 드디어 끝냈다.이제 부지런히 인프런 강의 보면서 실습만 하면 된다. 연휴에는 인강이지 ...💁🏻
오늘은 필터 기능 작업을 했다.Dropdown 으로 구성된 여러가지 필터들과 검색창이 있고, 필터 옵션이 추가/제거/변경될 때 마다 그에 맞는 옵션들을 쿼리에 담아 api 요청을 해야 한다. 여러 필터들이 있고 구조는 이러하다.처음 코드를 작성할 때에는 filterOp
얼마만에 작성하는 포스팅인지 모르겠다. 입사 이후에도 꾸준히 공부해서 블로그를 꽉 채우고 싶었지만 신입의 길은 멀고도 험난했으므로 지난 4달 간 정말 열심히 회사 업무에만 집중(할 수밖에 없었다. 매일매일이 도전의 연속)해왔다.그 동안 매일 주어지는 task 들을 미션
어떤 변수들에 접근할 수 있는지를 정의하는 범위로서 전역스코프와 지역스코프가 있다.함수 바깥이나 중괄호({})밖에 선언된 경우로서 전역변수를 선언하게 되면 코드 모든 곳에서 해당 변수를 사용할 수 있게 된다. 하지만 전역스코프에 전역변수를 선언할 수 있다고 해도 추천되
1차 프로젝트를 하면서 가장 아쉬웠던 부분은 우리가 리덕스를 배우기 전이라 라우팅되면서 페이지가 바뀔때, 이전 페이지에서 고른 토핑들을 장바구니로 가져갈 수 없다는 거였다.그래서 결국 커스터마이즈 페이지는 포기할 수 밖에 없었는데, 이제야 시간이 나서 조금씩 다시 뜯어
출처 : 생활코딩(https://opentutorials.org/module/1335/8821)메모리는 속도가 매우 빠릅니다. 반대로 용량이 작습니다. 그리고 전기를 끄면 데이터가 사라지는 속성을 가지고 있습니다. 반면에 스토리지는 속도가 느립니다. 하지만 용
Value Types and reference Types(값 타입과 참조 타입) 1. value type 두번째 줄에서 b의 값을 지정할 때, 2번째 줄에서의 a 의 값을 복사해서 b에 붙여넣게 된다. 이것이 값 타입이고, 이후에 a의 값을 변경해도 b의 값은 변하
모든 프로그래밍 언어는 내장 자료형이 있지만, 종종 이러한 내장 자료형은 언어마다 다르다. 이 문서에서는 자바스크립트의 내장 자료형과, 내장 자료형에서 사용할 수 있는 속성들에 대해 알아본다. 이로써 내장 자료형들로 더 복잡한 자료형을 만드는데 사용할 수 있을 것이다.
노마드코더를 통해 학습할 예정이고, 매일매일 기록에 남겨보고자 한다. 기본이 탄탄한 개발자가 되고 싶어서 한동안 사랑했던 리액트를 잠시 미뤄두고 온전히 자바스크립트에 집중해 보려고 한다. 말 그대로 쌓아 올리는 것으로 자바스크립트는 함수를 그 스택 위에 올리고 함수를
store에 정보를 전달하기 위한 데이터 묶음을 말한다.각각의 상태변화를 어떻게 시킬것인지에 대한 관리정보가 들어있으며 store와 정보를 주고받는다.(전달된 action을 보고 어떻게 state를 update할지)초기상태(initialState)와 switch문(op
1차 프로젝트가 끝나자마자 바로 2차 팀과 주제가 발표되었다. 이번에 맡게 된 프로젝트는 어려워보이지만 재밌어보인다고 생각했던 Pinterest 클론이었다. 지금 생각해보면 2차 주제로 정말 좋은 사이트였다는 생각이 든다. UI는 단순한 편이어서 상대적으로 CSS 보다
2차 프로젝트에서는 클래스형이 아닌 함수형 컴포넌트를 사용하게 되어 state 를 관리하기 위해 Hooks 를 사용해 보았다.아직 헷갈리긴 하지만 class 형의 state 보다 덜 복잡한 것 같다.CSS 도 sass 가 아닌 style component 를 사용해서
기존에 사용하던 merge 방식 ex)Initial ---- > 1번 branch -- > A branch --->B branch 하지만 만약 동시에 1번 branch -- > c branch 를 따서 작업했고 추후에 C와 나의 B 를 머지하고자 한다면??Base
6/8(Mon)팀/주제 발표 : 핀터레스트trello 작성하면서 1st sprint 목표설정멘토와 회의초기세팅styled component 공부(sass 쓰다가 바꾸려니 낯설다.. )
AWS 란? 클라우드를 통해서 개발자도 스스로 서버를 사용할 수 있는 편리한 구조가 생겼다. 클라우드 사업자들은 세계 곳곳에 물리적인 서버들을 관리해주고 임대해주는 서비스를 하고 있다. 왜 AWS 인가? 2006년 정식 출시하여 EC2, S3 등을 제공하는데 현재
형제 컴포넌트로부터 정보 받는 법 결국에 부모에서 정보를 관리해서 전달해주어야 한다. 부모에서 온클릭 함수를 만들어서 자식 프롭스에 아예 함수로 넘겨준다. ->진짜 실행되는 함수는 부모에 있으니 인자를 넣어서 전달하면 된다. 쿼리 파라메터 Routes.js
Pagination 만약 상품이 200개라고 했을 때, 처음부터 백엔드로부터 200개의 제품 정보를 받는 것이 아니라 필요한 만큼 화면에 보여줄 만큼만 일정한 개수의 제품정보만 받고, 2페이지로 넘어가는 버튼을 눌렀을 때 추가로 다시 일정한 개수의 정보를 가져오는 것