리액트바오

JavaScript에서 var, let, const의 차이는 무엇일까? var var로 선언한 변수는 같은 이름으로 여러번 중복해서 선언이 가능하다. 이때, 마지막에 할당된 값이 변수에 저장이 된다. var result = 'javascript'; console.log(result); // javascript var result = 'nodeJS'; console.log(result); // nodeJS 위 코드를 보면 에러없이 같은 변수에 각각 다른 값이 출력이 되는것을 볼 수 있다. 필요에따라 변수의 값을 변경하여 유연하게 사용할 수 있다는 장점도 있지만 기존에 선언해둔 변수의 존재를 잊고 값을 재할당하는 실수를 한다면 의도치않게 값이 바뀔 우려가 있다는 단점도 있다. 이를 보완하기 위해 ES6에서 ..

카테고리 없음 2022. 4. 20. 13:21

오늘은 css로 구조를 잡았다. 내가 맡은 부분은 마이페이지와 버튼을 눌렀을때 뜨는 모달창이다. (뒤에 배달 모집 목록은 팀원분이 하신거!) 사실 모달을 처음 스스로 달아본다.ㅋㅋㅋㅋㅋ ( 모든 섹션을 지나오며 나만큼 농땡이를 지금껏 만나본적이 없다, 프로젝트하면서 톡톡히 댓가지불중) 대략 구조만 잡아둔것이고 우리팀은 기능을 모두 다 달고 난뒤에 CSS를 한꺼번에 다룰예정이다.

카테고리 없음 2022. 3. 23. 22:36

오늘은 종일토록 피그마로 웹과 모바일 사이즈일때의 프로토타입을 작성했다. Flow도 나타내보았다.

카테고리 없음 2022. 3. 22. 23:35

아침 10시에 구글밋으로 SR피드백받는 일정이 있었다. 우리팀을 담당하신 엔지니어 두분 중 한분이 나와함께 페어를 했던분이었다. 신기하고 반가웠다. 함께 페어할때 되게 잘하시는 분이였는데 내가 잘 모르는 부분을 친절히 잘 알려주신 기억이난다. '함께 불과 두달전쯤 페어를 했는데 열심히 한분은 확실히 빠르게 수료하고 이곳에 취업까지 바로 하셨구나'란 생각에 한편으론 나를 돌아보게 되기도 했다. 프로젝트 주제에 관한 피드백 소개 페이지에 관한 피드백 읽으시는 분이 개발자이므로 마케팅적으로 쓰기보다 기술적으로 쓰는게 더 좋다고 하셨다. 수정한 내용 배달비 1만원 시대, 음식값보다 비싼 배달비 ! 부담되지 않으셨나요? 배달비를 주변에 있는 사람들과 나눠서 내고 싶다는 생각 해보셨나요? 우리 함께 N빵 해봐요! ..

카테고리 없음 2022. 3. 21. 23:30

전기수분들중 두팀이 우리와 같은 주제로 프로젝트를 진행했고, 한팀은 이름까지 똑같다는것을 발견하게 되어 우리는 이름을 바꾸기로 했다. N빵으로 바꿨다. 알고보니 N빵 또한 이미 있는 이름이긴하나 같은 코드스테이츠의 팀프로젝트이름은 아니기에 진행하기로 했다. 사람들의 생각이 다 비슷하다는게 회의감도 들었지만, (나쁘게 얘기하자면 다 거기서 거기다라고도 할 수 있겠지만) 그만큼 사람들의 생각이 비슷하기에 UX라는것이 가치있지 않을까 잠시 생각했다. 그리고 빨리하는사람이 장땡이다. 그리고 생각만 하기 보다 실행으로 옮기는 사람이 이기는거다. 그리고 중간에 포기하지 않고 끝까지 하는것이 승리하는것이다. 라고도 생각했다. 나는 이름과 컨셉을 배달의민족을 좀 비슷하게 따라하여 예를 들어 '배달비의 민족' 이런 컨셉..

카테고리 없음 2022. 3. 18. 20:13

Action객체는 Dispatch에게 전달되고, Dispatch는 Reducer를 호출해서 새로운 state생성한다. ?? 예? Redux의 장점 상태를 예측 가능하게 만들어준다. 유지보수에 편리하다. 디버깅에 유리하다 (action과 state log기록시) 테스트를 붙이기 쉽다. 컴포넌트가 많지 않아도 redux는 위와 같은 이유로 충분히 쓸 가치가 있는것 같다. Redux의 3가지 원칙 1.동일한 데이터는 항상 같은곳에서 데이터를 가져온다. store라는 하나뿐인 데이터 저장소가 있다. 2.액션이라는 객체를 통해 상태를 변경할 수 있다. 3.변경은 순수함수로만 가능하다. Store 상태가 관리되는 오직 하나의 공간이다. Action 자바스크립트 객체이다. 액션은 스토어에게 우리 애플리케이션 데이터를..

카테고리 없음 2022. 3. 18. 20:04

점심시간을 활용하여 cloudcraft를 이용하여 사용한 기술스택을 나타내는걸 좀 더 깔끔하게 배치해보았다. 하다보니까 막 마을컨셉으로 꾸미고 싶고...박스로 둘러싸고 마을을 만들고 빌딩 올리고 싶은 충동이 자꾸 들어서 꾹꾹 참았다. 오늘 우리팀이 작업하며 나눈 대화에서 따로 짚고 넘어가야할 부분을 위주로 적어보려한다. 오전에는 IA를 작성해보려고 했는데 IA가 순서도와 어떤 차이가 있는지 헷갈렸다. IA를 작성하려고 하면 왠지 순서도를 그리는것 같고 순서도에서의 조건을 빼고 구조만 적자니 뭔가 빠진것 같고 흐름을 어떻게 표현해야할지도 애매했다. 우리는 IA와 순서도의 차이를 검색해보았고 결론은 순서도만 작성하기로 결정하되 알아보기 쉽게 간단하게 작성하기로 했다. 우리는 어떤 흐름인지 알고 있고 남에게 ..

카테고리 없음 2022. 3. 17. 17:45

git Stash란 무엇일까? 첫프로젝트때 git stash가 뭔지도 모르면서 계속 err가 뜰때마다 사용했다. upstream dev브랜치를 pull해올때 안되서 늘 git stash를 썼다. 그런데 모르고 무조건 쓴 git stash가 어떤것인지 알고나니 막 쓰면 안되겠다는 생각이든다. Git Stash git stash는 변경사항을 임시로 저장할 수 있도록 도와주는 기능이다. Git 저장소에서 코드 작업을 하며 코드를 수정하고 커밋을 해야 업데이트를 할 수 가 있는데 이때, git stash 명령어로 변경사항을 임시 저장했다가, 나중에 git stash pop 으로 다시 꺼내올 수 있다. git stash pop stash의 가장 중요한 기능은 커밋되지 않은 변경사항을 스택에 쌓아두고, 다시 꺼내오..

TIL 2022. 3. 17. 01:11