Jieunny의 블로그

📣 개발 프로세스의 발전 𝟭. 개발 프로세스 ✔️ 개발 프로세스는 소프트웨어 개발 생명주기를 기반으로 만들어졌다. 1️⃣ 요구 분석 및 시스템 명세 작성 : 문제분석 단계로, 개발할 소프트웨어의 기능과 제약조건, 목표 등을 사용자와 함께 정확히 정의하는 단계 ➰ 개발하고자 하는 소프트웨어의 성격을 정확히 이해하여 이를 토대로 개발 방법과 필요한 자원 및 예산 예측 후 요구명세를 작성한다. 2️⃣ 설계 : 앞서 정의한 기능을 실제로 수행하기 위한 방법을 논리적으로 결정한다. ➰ 시스템, 프로그램, UI(User Interface) 설계로 나뉘며, 시스템 구조설계는 시스템을 구성하는 내부 프로그램이나 모듈 간의 관계와 구조를 설계하고, 프로그램설계는 프로그램 내의 각 모듈에서의 처리 절차나 알고리즘을 설계한..

➰ 106일차 오늘 페어활동 오래걸릴 줄 알았는데 1시간?도 안되서 끝났다. 튜토리얼에서 하란대로 하고, 에러가 나면 구글링으로 고쳐가면서 했더니 생각보다 너무 빨리 끝났다. 근데 이해는 하나도 안되는.. 그냥 이렇게 하세요 하니까 하는 느낌 확실히 배포는 너무너무 어렵고, 내가 만든 투두리스트도 배포하고 싶어서 찾아봤는데 Heroku라는 좋은 무료앱이 있어서 회원가입까지 했지만... 알고보니 유료화가 되버렸단다.🥹 페어분 중에 서버 전공하셨던 분이 있어서 여쭤봤는데, AWS로도 할 수 있고 그냥 돈 내고 서버 하나 사도 얼마 안든다고 하셨다.. 일단 이번 투두리스트는 배포는 아직 못했고, 어떻게 할지 생각중이다... 남는 시간에는 어제 만들었던 TS 프로젝트 이것저것 수정했다. 뭔가 더 구현하려면 할 ..

📣 OpenWeather API를 이용해서 날씨 검색 서비스 구현하기스터디에서 각자 타입스크립트를 이용한 미니 프로젝트를 해오기로 했는데, 나는 날씨 검색 서비스를 만들기로 했다. 🚨css 랑 기능 추가하면서 밑에 적은 코드랑 조금 달라졌다 🔗 파일 구조 src ㄴ components ㄴ PrintWeather.tsx : 날씨가 어떤지를 출력하는 컴포넌트 ㄴ InsertCityName.tsx : 도시를 입력할 input, 검색버튼을 출력하는 컴포넌트 ㄴ img : 배경화면이 될 날씨 이미지를 가지고 있는 폴더 ㄴ type : openWeather에서 제공해주는 데이터 타입을 담고있는 폴더 ㄴ types.ts ㄴ App.tsx : api로 데이터를 받아오고, 그에 맞는 배경화면과 다른 컴포넌트들을 모두 출..

📣 클라우딩 컴퓨터 𝟭. 기존 서버의 방식 ✔️ 같은 공간에 더 많은 컴퓨터를 추가하거나 컴퓨터 성능을 업그레이드 했다. ✔️ 기존 방식의 한계 1️⃣ 주기적인 유지 관리가 필요하다. 2️⃣ 공간의 한계가 있다. 𝟮. 클라우드의 등장 1️⃣ 클라우드의 장점 ✔️ 서버의 자원과 공간, 및 네트워크 환경을 제공하며 필요할 때마다 컴퓨팅 능력을 유연하게 조절해서 사용한 만큼의 요금만 지급하게 한다. ✔️ 컴퓨터의 스냅샷을 이용해 다른 컴퓨터로 즉시 이주가 가능하다. 2️⃣ 클라우드의 단점 ✔️ 운영환경이 특정 클라우드 사업자에게 종속되어 백엔드 구성 자체가 특정 회사의 기술로만 구성해야 하는 경우가 발생할 수도 있다. 3️⃣ 클라우드의 목표 ✔️ 모든 것을 서비스화하는 것 4️⃣ 클라우드 서비스의 형태 ✔️ ..

➰ 105일차 오능 타입스크립트 플젝 하구, 남은 시간에는 다 투두리스트 만들었다!! 하고싶은 기능 거의 다 만들어서 너무 뿌뜻한데 다크모드도 만들고 싶었는데 컴포넌트랑 페이지가 너무 많아서 방대해질 거 같다.. 그래서 일단 누르면 폰트바뀌는 기능으로 구현했고.. 예전에 친구가 그려준 계피 그림도 넣어서 더 귀엽게 디자인했당🐹 서버를 써서 그런지 됬다 안됬다 할때가 있어서 흠.. 뭐가 문제인지 모르겠다~.. 암튼 열심히 했으니 그걸로 됐지!

📣 캐시 사용하기 𝟭. 캐시 ✔️ 다운로드 받은 데이터나 값을 미리 복사해 놓는 임시 장소 ➰ 데이터에 접근하는 시간이 오래 걸리는 경우나 값을 다시 계산하는 시간을 절약하고 싶은 경우 사용 𝟮. 캐시를 이용한 요청 과정 1. 첫 번째 요청에서 캐시를 사용한다. ➰ 서버에서 응답을 보내줄 때 이미지 파일과 함께 헤더에 Cache를 작성해서 보낸다. => 해당 이미지 파일이 60초동안 유효하다는 것을 의미 HTTP/1.1 200 OK Content-Type: image/jpeg Cache-Control: max-age=60 Content-Length: 34012 // 응답 결과를 캐시에 저장 2. 두 번째 요청부터는 캐시를 우선 조회하게 된다. ➰ 캐시에 데이터가 존재하면서 아직 60초가 지나지 않아 유효..