본문 바로가기

전체 글164

부트캠프 74일차 (AWS, CI/CD) 오늘의 생각 왜 이런 밈이 생겼는지 알 수 있는 과정이었다. AWS는 이론만 접했을 때는 매우 훌륭한 기능으로 유용하기"만"할 것 같았다. 다만 실제로 실습을 진행해보니 생각보다 매우 어려웠다. 다양한 인터페이스는 완벽히 이해하지 못했고, S3와 EC2의 사용도 생각보다 어려웠다. 특히 배포 관련된 부분이 헷갈렸다. 거기에 잘못 클릭하거나 잘 모르는 서비스를 함부러 이용하면 이에 따른 불이익(추가 비용)이 발생할 수 있기 때문에 함부러 클릭하거나 AWS를 알아보기에 두려웠다. 오늘의 키워드 AWS(Amazon Web Service), 클라우드 컴퓨팅Cloud Computing, SaaS, PaaS, IaaS, 배포(Deploy), EC2 (Elastic Compute Cloud), AMI (Amazon.. 2022. 12. 7.
부트캠프 73일차 (최적화Optimization) 오늘의 생각 내가 한국인이라 그런가...최적화는 이해가 잘되는 개념이었다. (한국)인간이라면 최적의 결과를 원하니까 의문이 들지 않았다. 특히 웹 관련 개념이다보니 평소에도 소비자로서 참을성이 적은 나로서는 많이 공감되고 신경써야하는 부분이라고 생각했다. 다만 최적화 기법의 방법이 무궁무진해서 "정말 좋은 웹 사이트"를 만드는 것은 쉽지 않을 것 같다. HTML, CSS 코드, 리소스 로딩, 브라우저 이미지 최적화 등은 잘 이해 됐지만, 캐시 관리는 어려웠다. 아무래도 백엔드 관련이다보니 눈으로 볼 수 없어서 그런 것 같다. 오늘의 키워드 최적화Optimization, 이탈률, 전환율, 이미지 스프라이트 기법, webP, AVIF, 캐시, 캐시 검증 헤더, 조건부 요청 헤더, 트리쉐이킹Tree Shaki.. 2022. 12. 5.
최적화(Optimization)와 Lighthouse 최적화(Optimization)란? 우리는 어떠한 일을 할 때 "효율적"으로 하길 원한다. 같은 노력을 들여도 덜 힘들고 더 좋은 결과를 얻길 바라는 모습은 어찌보면 당연한 것이 아닐까 싶다. 이러한 특징이 유독 눈에 띄는 것이 한국인이지만, 세계 어디에서도 효율적인 일처리 방식을 싫어하는 사람은 없다고 생각한다. 최적화(Optimization)란, 허용된 자원의 한계 내에서 주어진 요구사항을 만족시키면서 최선의 결과를 얻는 과정이다. 수익과 관련되는 분야에서는 이익을 최대로 내는 과정을 의미할 수 있고, 수학과 관련되서는 특정의 집합 위에서 정의된 실수값, 함수, 정수에 대해 그 값이 최대나 최소가 되는 상태를 해석하는 방법이 될 수 있다. 이렇듯 "최적화"라는 개념은 다양한 분야와 때에 따라 다르게 .. 2022. 12. 5.
부트캠프 71, 72일차 (GraphQL, TDD) 오늘의 생각 이틀간 GraphQL과 TDD, 그리고 이를 활용한 과제를 페어 분과 함께 진행했다. TDD는 그래도 리액트를 통해 하는거라 그나마 할만했지만, GraphQL은 새로운 라이브러리의 활용이라 쉽지 않았다. 개인적으로 REST API와 GraphQL의 가장 큰 차이점은 쿼리를 통해 Explorer를 쓸 수 있다는 점 아닐까...싶다 repository(owner: "codestates-seb", name: "agora-states-fe") GraphQL을 활용하면서 가장 어려웠던 점은 "내가 사용하는 쿼리의 문법을 맞게 적었는가?" 였다. 이러한 부분을 물리적으로 확인하기가 어려웠기 때문인데, 쿼리의 기본 틀에 알맞은 owner와 name을 입력하면 Explorer에서 알려주는 걸 몰랐다. 알게.. 2022. 12. 2.
부트캠프 70일차 (컴퓨터 공학 기초) 오늘의 생각 매우 힘든 하루였다. 오늘도 개념 위주로 배웠는데, 이론과 개념의 양이 압도적으로 많았다. 아마 이제껏 하루에 배운 양 중 제일 많지 않을까...싶다. 그래서 모든 개념들을 온전히 이해하고 사용하기에는 무리가 있는 것 같다. 두고두고 복습을 통해 조금이라도 이해도를 높일 예정이다. 오늘의 키워드 하드웨어, 소프트웨어, 입력장치(Input), 출력장치(Output), 중앙처리장치(CPU), 저장장치(Memory), 주 기억 장치, 보조 기억 장치, 폰 노이만 구조, 산술/논리 연사 장치(ALU), 레지스터, 범용 레지스터 (General-Purpose Register), 전용 레지스터 (Dedicated-Purpose Register), IR, PC, AC, 제어장치 (Control Unit).. 2022. 12. 2.
부트캠프 69일차 (React Hooks 페어 과제) 오늘의 생각 지난 이틀 간 개념 위주로 학습했다면 오늘은 하루 종일 페어와 과제를 진행하는 하루였다. 따라서 기존 TIL과 다르게 새롭게 배운 것과 과제를 진행한 과정을 위주로 적어보겠다. 목표: json-server 설치 및 상세 컴포넌트 구현을 통한 리펙토링 주어진 과제는 블로그 형식의 글에 좋아요를 누르고 기록할 수 있어야 했다. 이를 위해 먼저 주어진 과제를 다음과 같은 순서로 진행했다. 동적 불러오기를 위한 React.lazy와 React.suspense를 사용해 컴포넌트 리펙토링 useParams를 활용한 개별 페이지의 id 가져오기를 통한 내용 해당 포스팅 출력 fetch와 useNavigate를 통해 게시물 등록 버튼 기능 구현 (내용 추가 시 홈으로 이동 / 해당 데이터 POST 메서드를.. 2022. 11. 29.