Jieunny의 블로그

📣 최적화(Optimization) 𝟭. 최적화의 개념 ✔️ 주어진 조건으로 최대 효율을 낼 수 있도록 하는 것 ➰ 컴퓨터 공학에서의 최적화는 가능한 적은 리소스를 소모하면서 가능한 한 빠르게 원하는 결과를 얻을 수 있도록 하는 것을 의미 ➰ 웹 개발에서의 최적화는 바로 주어진 조건 아래에서 최대한 빠르게 화면을 표시하도록 만드는 것 ➰ 알고리즘과 같은 원리 => 메모리를 조금이라도 덜 소모하거나 연산 횟수가 한 번이라도 더 적은 코드가 더 효율적이고 최적화된 코드 𝟮. 최적화의 필요성 및 효과 1️⃣ 이탈률 감소 ✔️ 페이지 로딩이 느려서 이탈하는 사용자(이탈률)를 효과적으로 줄일 수 있다. 2️⃣ 전환율 증가 ✔️ 이탈률이 줄어들면, 전환율이 높아질 확률도 커진다. ➰ 전환율 : 웹 사이트를 방문한 ..

➰ 104일차 오늘은 페어 활동이 쉬워서 금방 끝내고, 남는 시간에 투두리스트 구현했다. 일정 있으면 빨간 점 뜨는 기능도 구현했고, 초기화 기능도 구현했다. 하면서 조그만 버그나 에러가 많았지만 어찌저찌 해결..! 다크모드 구현하고 있었는데 손도 너무 많이 가고 복잡해서 할지 말지 고민중이다..ㅠ

📣 TDD 𝟭. TDD(Test-driven Development)란? ✔️ 코드를 작성하기 전에 테스트를 쓰는 소프트웨어 개발 방법론 ➰ 개발자 자신이 바람직하다고 생각하는 코드의 결과를 미리 정의하고, 이것을 바탕으로 코드를 작성하는 방법 ➰ 단위의 테스트 케이스를 작성하고, 이를 통과하는 코드를 작성하는 과정을 반복하는 것을 의미한다. 𝟮. TDD의 개발주기 1️⃣ Write Failing Test: 실패하는 테스트 코드를 먼저 작성한다. 2️⃣ Make Test Pass: 테스트 코드를 성공시키기 위한 실제 코드를 작성한다. 3️⃣ Refactor: 중복 코드 제거, 일반화 등의 리팩토링을 수행한다. ➰ 1의 과정을 마치기 전에 2의 작업을 시작하지 않도록 주의해야 한다. ➰ 2를 진행할 때에는,..

➰ 103일차GraphQl..그게 몬데... 유어클래스에 설명이 너무 불친절하게 되있어서 과제하는데 어려웠다ㅠ 스터디원 분도 도와주시고 머리 여러개 맞대고 해결! 투두리스트 json-server 연동하는거 까지 성공하고, 달력 누르면 그날 완료한 목록 뜨는 기능도 완성했는데.. 클릭한 날짜 색 바뀌는 게 진짜 구현이 안되서 아직도 못했다ㅠ 내일 마저 해보고, 빨리 성공해서 다크 테마 적용하는 기능이랑 초기화 기능도 구현하고 싶다

📣 GraphQL 𝟭. GraphQL 이란? ✔️ Facebook에서 처음으로 개발했고, 오픈 소스로 제공된 쿼리 언어 ➰ Graph + Query Language ➰ Query Language 중에서도 Server API 를 통해 정보를 주고받기 위해 사용하는 Query Language 𝟮. 왜 GraphQL 를 사용할까? ✔️ GraphQL은 REST API 방식의 고정된 자원이 아닌 클라이언트 요청에 따라 유연하게 자원을 가져올 수 있다. ➰ GraphQL에서는 모든 데이터가 그래프 형태로 연결되어 있다고 전제한다. ➰ 이를 통해 GraphQL은 클라이언트 요청에 따라 유연하게 트리 구조의 JSON 데이터를 응답으로 전송할 수 있다. 𝟯. GraphQL로 그래프 순회 ✔️ 그래프로 표현하게 되면 우..

➰ 102일차 데일리 코딩 남은 2문제 풀고, 블로깅하고 알고리즘 파트 예습도 좀 했다. 코플릿 문제 미리 풀고 싶은데 아직 안열려서 못푼다..🥹 이제 남는 시간에는 전에 만든 투두리스트 더 하고 싶은 기능 구현해보기로 했다. 오늘은 달력 만들어서 그 날 완료한 목록이 뜨게 만들었다. 이제 데이터를 서버에 저장하면, 할일 목록이 날아가지 않아서 그날 계획한 모든 일을 완료했으면 빨간 점을 띄우고, 아니면 파란점을 띄우는 기능도 구현해보려고 한다. 그러려면 일단 서버랑 연결해야되는데...ㅎ. 내일 해봐야지~.......