TIL, 7.13-16

코테풀기

어려운 난이도는 아직 나의 실력으로는 시간을 들여 오랜 시간 풀어야 하므로 다른 공부와 프로젝트를 병행하기 어려워 쉬운 난이도의 코테를 시간 날 때마다 하나씩 풀고 있다 여러 문제 중의 이번 TIL에 짚어야 되는 핵심 내용은 set이다 set을 이용하여 중복을 제거하고 다시 문자열로 변환하여 리턴해서 정답을 맞혔다 set을 잘 사용하지 않아서 중복 제거 문제가 나왔을 때 어떻게 해결할까 고민하다 set이 생각나서 set으로 풀어보았다 아직은 어색하지만 반복해서 풀어보면 금방 잘 사용할 수 있을 거 같다

 

쁘띠 블로그

그간 공부했던 나용을 정리하는 겸 만든 쁘띠 블로그 아쉽게도 완성을 못했다 UI와 로직을 다 짜서 테스트를 해보았는데 오류가 발견되어 확인해보니 내가 생각을 잘못해서 로직자체가 잘못되어 원하는 결과가 나오지 않았다는 것을 알게되었다 그래서 내가 원하는 페이지가 제대로 데이터를 받아오지 못해 나오는 오류였다 그래서 로직을 다시 짜 오류부분을 수정하였다 배웠던 내용으로 내가 직접 무언가를 만들어보니 훨씬 내용이해가 잘되고 내가 잘못 이해한 부분은 오류로 바로 나에게 답변해주니 머리속에서 공부했던 내용정리하기도 좋았다 오류가 생길때 왜 오류가 생겼는지 생각하고 그 부분을 찾아내 고치니 내 스스로의 실력이 더 좋아진 거 같다

 

백엔드와 함께 만드는 미니 프로젝트

이번에 첫 백엔드와 함께하는 프로젝트에 들어갔다 너무 좋은 팀원분들을 만나 진행이 수월하게 흘러가는 거 같다 처음에 프로젝트를 같이 아이디어를 내면서 어떤 프로젝트를 만들지 서로 고민하여서 계획을 마무리하였다 하지만 문제가 생겼는데 항해에서 2페이지 안으로의 크기를 잡으라고 말씀하셨다 이미 계획안에 초기모델에 로그인과 댓글기능이 있었던 우리의 프로젝트는 크기면에서 맞지 않아 계획했던 아이디어를 갈아엎고 크기를 매우 작게 하여 완료가 될 때마다 단계별로 기능을 늘리기로 하였다 이번에 와이어 프레임을 만들 때 피그마를 이용하여 만들고 API도 세세하게 기재하여 계획단계에서 최대한 자세하게 계획을 하였다 연결하는 과정에서 많은 오류가 생길 수 있다고 매니저님께서 말씀하셔서 기본적인 틀을 서로 만들면 백이랑 프런트를 연결하기로 했다 연결했을 때 바로 직면한 CORS에러 저번 CS 스터디에 공부했던 내용이라 당황하지 않고 서로 의견을 나누어 잘 해결했다 오히려 CORS의 악명보다는 금방 에러를 해결한 느낌이랄까 그러고 나서 조희가 잘되는 것을 확인하고 게시물 등록을 해보려고 하는 순간 오류가 또 발생하였다 이것저것 테스트 해본 결과 백에서 난 오류인 거 같아 해결한 후 마저 기능을 마무리하고 계획해서 생각해던 다음 단계를 해볼 계획이다

 

CS스터디

항해가 프로젝트 시즌에 돌입한 결과 일요일 스터디를 하지만 항해의 프로젝트를 완료하는 것이 더 중요하기 때문에 CS스터디를 조금 변경하기로 하였다 원래는 공부했던 내용을 블로그에 기재하고 서로 읽고 온 뒤 발표를 하고 QnA를 하는 방향이었는데 시간을 더 아끼기 위해 프로젝트를 하는 기간 동안은 발표랑 QnA 시간을 줄이기로 하여 블로그를 읽고 궁금한 점이나 이해가 안 되는 점 QnA 알게 된 점 등을 각자 댓글에 적고 게시글 작성자는 당일 안까지 답변을 달아주기로 하였다

 

항해 WIL

Axios

axios는 JS에서 HTTP 요청을 처리하는 데 사용하는 인기 있는 라이브러리이다 axios는 Promise 기반 API를 사용하여 비동기 HTTP 요청을 처리한다 이를 통해 요청 및 응답을 보다 간편하게 처리하고 비동기 코드를 관리할 수 있다 간결하고 직관적인 API로 사용하기 쉽고 GET, POST, PUT, DELETE와 같은 HTTP 메서드를 메서드로 제공하여 간단하게 요청할 수 있다 또한 요청과 응답을 가로채기 위한 인터셉터를 제공하여 응답 전에 데이터를 변환하거나 에러를 처리하는 등의 작업을 처리할 수 있다 이런 여러 가지 특징 덕분에 axios는 유연하고 강력한 기능을 제공하여 웹 애플리케이션에서 서버와의 통신을 단순화하는데 도움을 준다

 

후기

엄마는 감기에 언니는 코로나에 걸렸다 곧 나도 아플지도....