W01, July, 2022 WIL - 항해99 여덟째주차

실전 프로젝트를 시작해서 어느덧 첫 피드백도 받았다. 우선 느낀 점은 소통의 중요성이다. 디자이너님이 와이어프레임을 주셨을 때, 리더인 내가 보고 괜찮다고 생각하더라도, 나머지 팀원들과 같이 회의하면서 다시 보면 부족한 부분이 보인다는 점을 알았다. 앞으로는 와이어프레임이 하나 나올 때마다 팀원들을 바로 소집해서 회의를 해봐야겠다. 와이어프레임이 스무장이 넘게 나와서 당황했는데 현업에서는 수백장이 나온다고 한다. 와이어프레임을 좀 더 잘 활용하는 법은 앞으로 잘 익혀둬야겠다. 와이어프레임과 api간의 상호작용을 현업에서 어떤 식으로 하는지도 찾아볼 필요가 있는 것 같다.

Read More

W03, June, 2022 WIL - 항해99 여섯째주차

이번주에는 첫 협업을 마무리하고, 두번째 협업 프로젝트를 시작했다. 첫 협업에서 mocking api로 테스트하면서 개발하고, 나중에 백엔드랑 합치는 것이라든가, api 설계하고 소통하는 부분, CORS 문제를 해결하는 것 등을 배웠다. 사실 기본적이면서 이미 해본 CRUD 기반의 프로젝트라 새로 배운 React 지식은 많이 없었다. TIL 업데이트가 별로 없던 것도 이것과 개인사 때문이었다. page, element, component, api 등을 따로 뜯어서 폴더로 관리하는 방법을 알게 되었는데 이미 틀이 나온 상태라 적용을 못 해본 것이 아쉬웠다. 이것은 지금 두번째 프로젝트의 폴더설계에서 잘 해내서 다행이다. 또, 프론트끼리 사용하는 기술이 동일해야 한다는 것을 느꼈는데, 내가 styled-component를 쓰고, 팀원이 css파일을 쓰니까 css를 함께 작업하기가 힘들어서 css랑 기능으로 역할을 나눈 것이 아쉬웠다. 그래도 결과물은 잘 나온 것 같아 큰 후회는 없다. 이번 두번째 협업부터는 새로운 것을 시도해보려고 한다. 소켓통신을 이용해서 실시간 채팅을 구현하려고 한다. 소켓통신을 개발하는데는 백엔드와의 협업이 기존보다 더 필요한 것 같은데, 기술적인 것뿐만 아니라 협업이랑 태도에서도 많을 것을 배울 것 같다.

Read More

W02, June, 2022 WIL - 항해99 다섯째주차

이번주는 React 개인주차를 마무리했고, 주특기를 배우기 시작한 이후의 첫 팀플을 시작했다. 개인 심화주차는 그동안 배운 것들을 총집합해서 만드는 느낌이었다. 파이어베이스를 이용한 로그인, 회원가입 기능이 추가되었지만, 나머지 것들은 모두 배운 것을 응용하고, 더 빨리 코딩하는 연습을 했다. 그리고 시작한 대망의 팀프로젝트. 팀프로젝트에서는 파이어베이스가 아닌 팀원이 만든 서버와 통신을 해야해서 axios를 처음으로 사용한다. 특히, 로그인하고 받은 토큰을 헤더에 매번 달아서 보내주는 것은 큰 도전이 될 것 같다. interceptor를 이용해서 헤더에 달아보내야한다고 한다. 근데 사실 가장 큰 도전은 팀원들과 소통하며 협업하는 방법을 배우는 것이었다. 회의를 거의 하루종일했다. 어떤 주제로 만들지, 어떤 기능을 넣을지, api는 어떤 형식으로 보낼지를 모두가 함께 논의했고, 같이 하는 프론트엔드분이랑도 뷰에 대한 세부적인 내용, 역할분담 등을 함께 했다. 아직은 익숙하지가 않아서 그런지 코드를 짜는 것보다 협업하는 것이 더 어려웠다. 깃허브도 merge하면서 우왕좌왕하고, api 형식도 계속 회의를 거쳐 수정하는 등의 시간을 많이 썼다. 앞으로의 팀프로젝트에서 큰 성장을 할 수 있을 것 같다.

Read More

W01, June, 2022 WIL - 항해99 넷째주차

벌써 항해를 4분의 1이나 했다는 것이 믿겨지지 않는다. 시간이 거의 안 흐른 것 같은데… 근데 거의 안 흘렀다고 보기에는 시작할 때의 나와 지금의 내가 확실히 달라졌다. 이제는 내가 직접 홈페이지 하나를 만들 수 있을 정도로 성장했다. 이제 리덕스도 자유자재로 쓸 수 있고, 파이어스토어나 몽고DB에 데이터를 넣을 수도 있다. fetch와 Axios를 써서 서버와 통신도 할 수 있다.

Read More

W04, May, 2022 WIL - 항해99 셋째주차

항해를 시작하고 맞이한 세번째 주말이다. 월요일부터 목요일까지는 리액트 기초주차로 처음으로 리액트로 프로젝트를 해봤다. 백엔드 부분은 전혀 구현되지 않았다. 금요일부터 토요일까지는 리액트 숙련주차로 서버리스 프로젝트를 시작했다. 서버리스란 서버가 없는 것이 아니라 이미 구축해둔 서버의 일부분을 빌려써, 서버를 신경쓸 필요가 없는 것을 말한다. 이번 프로젝트에서는 파이어베이스를 이용할 것이다. 드디어 처음으로 리액트로 무언가를 만들어봤는데 확실히 Javascript만 쓰는 것보다 어렵지만 익숙해지면 더 많을 것을 할 수 있을 것 같다. 애초에 바로 DOM을 건들이는 Javascript와 가상돔을 이용하는 리액트 사이에는 큰 차이가 있다. 백엔드 부분을 없이 작업하거나, 서버리스로 남의 서버를 빌려서 하다보니 빨리 백엔드랑 협업할 날이 기다려진다.

Read More

W03, May, 2022 WIL - 항해99 둘째주차, ES6

항해를 시작하고 맞이한 두번째 주말이다. 월요일부터 목요일까지는 알고리즘주차로 알고리즘 문제들을 풀었고, 금요일과 토요일에는 Javascript 이론과 React 설치를 했다. 사실 WIL로 한 주를 정리하려고 해도 19일 TIL에서 알고리즘주차를 되돌아봤고, 나머지 금토만 남아서 크게 할 말은 없다. 이번주에 확실히 느낀 것은 역시 나는 이론을 듣는 것보다는 직접 뭘 만져보는 것을 좋아하는 것 같다. 알고리즘 너무 재밌었다. 그리고 같이 항해를 하는 사람들과 많이 친해진 것 같다. 이렇게만 쓰고 끝내기는 아쉬우니 간단하게 ES에 대해 정리해보려고 한다.

Read More

IT지식 스터디 1일차 -

1일1로그 100일 완성 IT지식이라는 책을 이용해서 스터디를 시작했다. 8명의 조원이 돌아가면서 주제에 대해 조사를 해와서 발표하고 나머지 조원들이 질문을 하는 방식으로 진행된다. 첫날 발표는 내가 맡았고, 다음은 내가 조사한 내용들이다.

Read More

W02, May, 2022 WIL - 항해99 첫주차

항해99를 시작하고 1주가 지났다. 지난 1주를 돌아보면 정말 많은 성장을 한 것 같다. 항해99의 기본은 팀을 짜서 과제를 주고 우리를 항해의 바다에 내던진다. 우리는 우리의 목적지를 먼저 정하고 강의자료라는 나침판과 구글링이라는 별자리에 의지해서 목적지를 향해 항해해야 한다. 일부 사람들에게 이런 방식은 굉장히 당황스럽겠지만 내가 항해를 지원한 이유는 이 방식이 마음에 들었기 때문이다. 정해진 길을 따라 가는 것은 내 적성에 맞지 않다.

Read More

May 13, 2022 TIL - 알고리즘주차 - Programmers 문제들(1)

오늘은 알고리즘 주차의 첫번째 날이었다. 오늘은 새로운 팀원들과 만났고, 팀은 5명이었다. 보통 3~4명이 한 팀인데 우리 팀이 5명인 이유는 React를 선택한 사람 중에 달리기 반을 선택한 사람이 5명뿐이었기 때문이다. 더 다양한 사람의 코드를 구경할 수 있어서 좋을 것 같다. 아마…? 걷기 반과 달리기 반은 더 많은 알고리즘 문제를 풀고 싶은 사람은 달리기 반을 선택하는 식으로 나뉘었다. 나는 현업에서 일하다 온 은둔 고수의 코드를 구경할 수 있을까 해서 왔는데 아쉽게도 팀 안에 개발 경험이 특별히 많은 분은 없는 것 같았다.

Read More

May 11, 2022 TIL - 웹개발 미니프로젝트 1 - 디자인 팁, 사진 올리기와 미리보기, 서버에 POST

오늘은 사진과 관련된 것을 많이 만졌다. 사진을 이용자가 직접 편집해서 올릴 수 있게 하려고 이런저런 코드들을 많이 만져봤다. 맨 처음 만진 것은 cropperjs였다. Node.js가 없이 하려니까 어지간히 힘든 것이 아니었다. 결국 적용은 실패했지만 cropperjs를 이용해서 만든 코드들을 보면서 다양한 것들을 배웠다.

Read More

May 10, 2022 TIL - 웹개발 미니프로젝트 1 - radio, CSS, 로그아웃

오늘은 본격적으로 내가 맡은 페이지의 프론트엔드 작업을 했다. 결론부터 말하면 AWS S3를 이용해서 사진을 올리는 것과 관련된 부분을 제외하고는 프론트엔드는 일단 모두 마무리되었다. 물론 백엔드를 하고나서 돌려보면 에러들이 보이겠지만 말이다. 또, 디자인 작업을 매우 소홀히해서 디자인 개선 작업을 추후에 해야할 것 같다.

Read More

May 9, 2022 TIL - 웹개발 미니프로젝트 1 - 아이디어 및 사진 첨부하기와 미리보기

오늘은 항해99라는 코딩부트캠프의 첫날이었다. 반쯤 설렘과 반쯤 걱정을 안고 OT에 들어갔다. OT 이후, 첫 미니프로젝트의 팀원들과 만났다. OT에서의 약간의 설명 이후, 우리 팀은 바로 브레인스토밍에 들어갔다. 조장님이 오늘의 기분을 날씨와 함께 표현하는 앱을 만들고 싶다고 했고, 우리는 모두 좋은 아이디어라고 생각했다. 사실 기능구현이 목표라 컨텐츠는 크게 중요하지 않았다. 회의 끝에 나온 아이디어는 다음과 같았다.

Read More

You're up and running!

Next you can update your site name, avatar and other options using the _config.yml file in the root of your repository (shown below).

Read More