본문 바로가기

전체 글

 (235)
[20210807_TIL] 항해99_62일차 오늘 한 일 : mvp 단계 이후 도입할 기술에 대한 회의 뷰 그리기 오늘은 mvp단계 이후에 무엇을 하면 좋을지를 논의했다. 타입스크립트, pwa, 리액트 네이티브를 가지고 논의한 결과 우리끼리는 대답이 나오지 않았다. 결국 튜터님께 면담을 요청했고, 면담의 결과로는 지금하는 리액트 프로젝트나 제대로 하자는 것이었다. 우리의 서비스에서 사용자들이 행동할 수 있는 다양한 변수들을 예측하고, 그것들에 대해서 대처하는 방식으로 프로젝트를 준비하는 것이다. 이런 부분에서 섬세하게 처리해나가고, 그것을 면접관에게 잘 어필한다면 그것 자체로도 좋은 포트폴리오가 될 수 있을것이라는 말씀을 해주셨다. 너무 설득되고 공감이 되는 이야기였다. 그러니까, 지금은 이것저것 기웃거리지 말고, 리액트와 자바스크립트에만 몰입하면..
[20210805_TIL] 항해99_60일차 오늘 한 일 : 이미지 전송 완료 오늘은 이미지 전송 작업을 완료하고, 백 분들은 이미지를 s3로부터 url을 받아오는 작업까지 완료하셨다. 고로, 이제부턴 이미지를 올리면 바로, 메인페이지에서 사진 피드를 볼 수 있게 되었다. 이렇게 잘 만들어진 페이지를 볼 수 있다. 너무 순조롭게 작업이 이루어져가고 있어서 기분이 아주 좋다!!! 이제 당장에 해야 할 남은 작업은, 레벨 시스템, 유저 컬렉션, 음성녹음 기능이다.
[클린코드] 클린 코드를 위한 5가지 핵심개념 클린코드를 위한 핵심적인 5가지 개념이 있다. 작명 : 변수, 함수, 클래스의 이름을 어떻게 짓느냐가 클린코드를 결정짓는다. 구조와 주석 : 어떤 형식으로 코드를 짤 것인지, 그리고 주석에도 좋은 주석과 나쁜 주석이 있다. 함수 : 하나의 함수 안에 들어가는 코드의 양에 따라서 클린코드를 구분할 수 있다. 그리고 함수에 들어갈 파라미터의 갯수에 따라서도 클린코드를 구분하는 기준이 된다. 조건문과 에러 핸들링: 얼마나 nested되어 있는 구조인지, 에러 핸들링을 놓치고있는 부분은 없는지가 중요하다. 클래스와 데이터구조 : 구분은 명확하게 되어있는지, 클래스들이 넘치지는 않는지 등등이 있다. 위의 내용들을 종합적으로 해결할 수 있는 방법이 있는데, 1)규칙과 개념 2)패턴과 원칙 3)TDD 이런 내용들에 ..
[20210804_TIL] 항해99_59일차 벌써 수요일이라는게 신기하기만 하다. 내일이 벌써 목요일이라니 믿기지가 않는 속도다.. 오늘 한 일 : 이미지파일 압축해서 서버에 보내기 오늘 하루종일 붙잡고 있었던 문제다. 결국에는 이 문제를 해결해냈다. https://davinchicoder.tistory.com/entry/React-image-%ED%8C%8C%EC%9D%BC-%EC%95%95%EC%B6%95%ED%95%B4%EC%84%9C-FormData%ED%98%95%EC%8B%9D%EC%9C%BC%EB%A1%9C-%EC%84%9C%EB%B2%84%EC%97%90-%EB%B3%B4%EB%82%B4%EA%B8%B0 [React] image 파일 압축해서 FormData형식으로 서버에 보내기 사용할 라이브러리 : browser-image-comp..
[React] image 파일 압축해서 FormData형식으로 서버에 보내기 사용할 라이브러리 : browser-image-compression yarn add browser-image-compression //설치후 사용할 컴포넌트에서 import해오기 import imageCompression from 'browser-image-compression'; 먼저 이미지를 업로드 할 HTML 태그를 만든다. 나는 styled-components를 사용해서 만들었다. //form 태그 //input태그 게시하기 //button 태그 버튼을 클릭했을 때, 파일을 가져온다. 이 때 주의해야 할 점은, 여타 다른 선택자로 파일을 가져와서는 안된다. onChange에서 event를 통해서 파일을 가져와야 한다는 사실을 잊지말자. 나는 이 부분 때문에 많은 시간을 허비했다... //이미지 가..
[20210801_WIL] 항해99_56일차 한 주간의 리뷰 : 이번 한주간은 기획하는데에 거의 대부분의 시간을 사용했던 것 같다. 앞으로도 기획할 부분이 많이 남기는 했지만, 큰 틀은 잡혀서 다행이다. 수요일 쯤부터는 기획이 마무리되고, 그날부터 본격적으로 개발을 시작했다. 프론트쪽은 생각보다 속도가 빨라서 금방 개발이 완료되었다. 개발을 다하고나서부터는 백에서 api를 만들어주기 전까지 계속 각자 공부를 하는 시간을 가졌다. 덕분에 나도 이번주에는 타입스크립트를 공부하고, 리액트에서 부족하다고 생각했던 개념들을 공부할 수 있었다.
[20210731_TIL] 항해99_55일차 오늘 한 일 : 인풋에 대한 공부 오늘도 각자 맡은 역할에 따라서 기능을 구현했다. 내가 맡게 된 역할은 댓글 기능이었는데, 댓글 api가 아직 완성되지 않았기 때문에 이 부분은 미뤄두고, 나는 개인 공부를 했다. 오늘은 리액트 강의에서 인풋에 대한 공부를 했다. 인풋을 간단하게만 생각했었지만, 생각보다 복잡한 로직이 있다면서 인풋 만을 위한 챕터를 따로 빼서 강의에서 설명을 해주고 있었다. 유저가 인풋에 값을 입력하는 경우에 대해서 우리가 생각해봐야 할 3가지 상황이 있다. 1)유저가 입력을 다 한 후에 확인하기 2)유저가 인풋을 떠났을 때 확인하기 3)유저가 키값을 입력할 때마다 확인하기 이 3가지 상황에 따라서 사용해야할 방법들이 달라진다. 1)번의 경우에는 useRef를 2)번의 경우에는 onBl..
[CodeWars] IQ Test 문제 설명 : Bob is preparing to pass IQ test. The most frequent task in this test is to find out which one of the given numbers differs from the others. Bob observed that one number usually differs from the others in evenness. Help Bob — to check his answers, he needs a program that among the given numbers finds one that is different in evenness, and return a position of this number. * Keep in mind ..

티스토리툴바