본문 바로가기

분류 전체보기120

20210225 TIL 배운 것들 sql sprint Cmarket database 더 알아볼 것 스키마.... 오늘 스프린트를 진행하면서 sql과 조금 친해진 것 같아 기분이 좋지만 여전히 스키마는 너무 어렵게 다가온다. 현재는 배우는 단계이기에 간단한 구조의 스키마를 해결했지만 후에 조금만 얽히고 잘못 설계하면 정말 복잡해질 것 같다. 구조를 잘 짜는 연습을 주말에 해야겠다. 관련 연습할 수 있는 툴을 찾아봐야겠다. 생소해서 그런지 어렵게 다가온다. 자동적으로 리콜할 수 있을 때까지 반복하자. Cmarket 스프린트는 많이 진행하지는 않았지만 구조를 이해하는 시간을 가질 수 있었다. 내일 스프린트를 해결하는데 큰 도움이 될 것 같다. 어제가 월요일이 었는데 목요일이라니 시간이 정말 빠르다. 뭔가 마음이 아프다. 많이 배우지.. 2021. 2. 25.
20210224 TIL 배운 것들 database sql vs nosql mysql schema 더 알아볼 것 schema & query design select 실행 순서 외우기 GROUP BY 데이터베이스에 대하여 배웠다. 어려웠다. 언어는 사람 언어와 굉장히 비슷해서 쉬울 것 같았지만 quiz와 practice를 풀면서 공부해야 할 것이 많다고 생각하여 늦게까지 진행했다. 복습하면서 익숙해지려고 했지만 내일 스프린트를 진행해봐야 좀 감이 올듯하다. 요즘 계속 토이에 신경을 쓰지 못해서 걱정이다. 코딩 테스트는 파이썬으로 풀려고 마음을 먹어서 그런지 하기가 싫다. 그래도 js를 익히는데 좋은 것이니 다 못 풀어도 건드려보도록 하자. 그러지 못한 것은 주말에 풀어보자. 2021. 2. 24.
20210223 TIL 배운 것들Cmarket reduxreducer의 immutability 더 알아볼 것useSelectoruseDispatcherCmarket redux advanced(비동기 액션 사용하기)redux thunk Cmarket 스프린트를 마무리하였다. 처음 구조를 잘 잡고 자식 컴포넌트부터 조금씩 해결하니 마지막에 조금 싱겁게 해결을 했다. 시간이 조금 남아서 구조를 이해하는데 시간을 투자했고 이해가 많이 된 것 같았다. 구조를 이해하면서 레퍼런스를 찾아보았고 redux에 대해서 조금 친숙해지는 시간을 가질 수 있어서 좋았다. 비동기 액션을 사용하는 부분이 이해가 조금 안 돼서 주말에 더 파볼예정이다. 이제 프로젝트까지 2주가 남았는데 힘내자 그리고 주말에 토이 프로젝트를 다 풀자! 2021. 2. 24.
20210222 TIL 배운 것들 redux Cmarket sprint 더 알아볼 것 side effect immutable redux에 대하여 배웠는데 state를 전역에 두고 필요할 때 가져다 쓸 수 있어서 전에 state 끌어올리기 등의 문제가 발생하지 않고 가독성도 훨씬 좋아 정말 편리하다고 느꼈다. 정말 효율적인 툴들이 많아 공부할게 점점 늘어 나는 기분이다. 더 열심히 해야겠다. 요즘 밤늦게까지 전에 배우던 부분을 복습하면서 아침에 늦잠을 자기 시작했다. 점점 올빼미가 되어간다. 운동도 꾸준히 하면서 다시 일찍 자는 습관을 가져야겠다. 친구가 부탁한 웹을 배포하였는데 별 다른 문제없다고 해서 기분이 좋았다. 뭔가 시원섭섭한 느낌도 있지만 배운 게 많아서 나에게도 큰 도움이 됐던 것 같다. 2021. 2. 24.
20210217 TIL 배운 것들 recast.ly + ajax client side routing 반응형 디자인 더 알아볼 것 scss google api lifecycle 작은 프로젝트 하기 오늘은 저번에 진행했던 recast에서 search부분을 컴포넌트로 구성하고 lifecycle로 상태변화를 구현하였다. 생각보다 간단하였고 맛보기 정도인 것 같아 주말에 작은 프로젝트를 해볼 예정이다. 친구가 부탁한 웹을 제작하는데 이제 다음 주 월요일에 배포할 예정이라 정신이 없다. 그래도 요즘 스프린트가 쉬워서 웹 제작에 시간을 투자할 수 있어서 다행이다 이번 주 시험도 있고 주말에는 배포하기 전 테스트를 해야 한다. 다 잘됐으면 좋겠다. 오늘 동기들에게 연락을 했는데 다들 많이 지쳐 보였다. 나 또한 조금 지쳤지만 모두 힘내서 잘.. 2021. 2. 17.
20210216 TIL 배운 것들react 데이터 흐름lifting state upreact로 생각하기 (함수 전달) 더 알아볼 것export defaultreact.fragmentwebpackbabellifecycle 다이어그램 외우기 react의 데이터 흐름 state 끌어올리기 등 중요한 부분에 대하여 공부하였다. state를 끌어올리는 작업은 굉장히 많이 사용될 것 같아 스프린트가 끝나고 따로 정리를 하고 공부를 하였다. 현업에서 굉장히 많이 쓰이는 부분이라 자세히 공부를 했는데 이해가 많이 된 것 같아 다행이다. 친구가 부탁한 페이지를 오늘 어느 정도 마무리하였는데 성과가 많아서 기분이 좋았다. 늦은 시간이라 집중력도 조금 떨어지고 힘들었지만 뿌듯했다. 2021. 2. 16.
20210215 TIL 배운 것들 lifecycle recast.ly 더 알아볼 것 preventDefault react에서 함수 전달하기 fakedata를 가지고 렌더링 하여 youtube와 비슷한 구조의 앱을 만들었다. 후에 youtube api를 가지고 직접 데이터를 뿌리기 위한 밑 작업 같이 렌더링에 초점을 두고 구현을 하였다. 테스트 케이스가 별로여서 시간을 많이 뺐다. 앞으로는 테케를 중점으로 문제를 해결해야겠다. 컴포넌트 단위로 생각하며 문제를 해결하니 간결하고 가독성도 좋아 react의 장점에 대하여 느꼈다. 아직 jsx에 함수를 전달하여 사용하는 법이 미숙해서 공부를 더 해야겠다. 2021. 2. 15.
javascript async / await 비동기를 제어하기 위한 방법으로 promise에 대하여 배웠다. es8이후 async와 await이 도입되었는데 이는 후속처리 등으로 인한 프로미스 체이닝의 복잡한 로직을 개선하여 간단하게 표현할 수 있게 되었다. function reo() { return new Promise((resolve, reject) => { let age = 28; resolve(age); }); } async function foo() { const x = await reo(); console.log(x) } foo() // 28 함수 선언 시 앞에 async를 붙여 비동기를 제어할 것을 명시해준다. 이제 async함수 안에서 비동기 함수를 실행시킬 때 await를 붙여 줌으로써 비동기의 순서를 제어해준다. const pri.. 2021. 2. 10.
20210210 TIL 배운 것들 react jsx component, props state react로 twittler 구현 더 알아볼 것 express로 서버 구현해보기 삼항 연산자 에러 정리해보기 react에 대하여 배웠다. 어렵다기보다는 생소해서 처음에 조금 헤맸다. 그래도 js 기반이어서 참고자료와 공식문서를 읽는데 힘들다는 생각은 들지 않았다. state부분이 조금 이해하기 어려웠고 또한 this가 껴서 더 헷갈리게 만들었다. 에러를 정리하는 게 공부를 하는데 큰 도움이 된다고 해서 오류를 정리해 볼까 한다. 할 것은 많은데 시간이 부족한 것 같다. 쉬는 시간도 필요하고 공부할 시간도 필요한데 걱정이다. 힘을 내자!! 잠을 조금 줄여야겠다. 2021. 2. 10.