Web Service42 [AWS 배포] AWS로 깃허브 연동해서 Web 배포하기 ~웹 배포 netlify 외길인생..오늘 실습한 김에 기록해 두기! ~ 1. AWS S3 접속 -> 버킷 만들기일반구성 : 이름 설정, 퍼블릭 액세스 차단 해제 -> 현재 설정 어쩌고 노란색 박스 체크! 2. 속성 -> 정적 웹 사이트 호스팅정적 웹 사이트 호스팅 활성화, 인덱스 문서 이름에 내가 지정한.html 이름 작성!그 후 생성된 링크에 들어가면, 그 파일만 배포가 된 것을 확인할 수 있다. 3. 버킷 -> 권한 -> 정책{ "Version": "2012-10-17", "Statement": [ { "Sid": "PublicReadGetObject", "Effect": "Allow.. 2024. 4. 19. [서비스 기획] #2. SWOT 분석 ~ SWOT 분석이 굉장히 중요한 건 프로젝트 발표하면서 느낀 바 있다. 한 번 제대로 정리해 보자 ~ SWOT 분석? 특정 기준에 따라 여러 그룹이나 범주로 분류하여 분석하는 방법 크로스(교차 분석) SO전략 : 강점 기회 강점을 토대로 시장 기회를 잡음 WO전략 : 약점 기회 약점을 보완해서 기회를 활용 ST전략 : 강점 위협 강점을 토대로 시장 위협요인을 완화하거나 제거함 WT전략 : 약점 기회 약점을 보완해 미래의 위협에 대응하거나 비상 상황에 대비 출처 : https://www.salesforce.com/kr/hub/marketing/swot/ https://www.mk.co.kr/economy/view/2020/207571 2024. 4. 9. [서비스 기획] #1. STP 전략 ~ 기획과 마케팅의 필수! STP 전략에 대해 알아봅시다 ~ STP 전략? 특정 기준에 따라 여러 그룹이나 범주로 분류하여 분석하는 방법 그럼 이 기준을 어떻게 나눌까?! 1. 시장세분화(Segmentation) 인구통계적 세분화 지리적 세분화 심리적 세분화 행동적 세분화 2. 표적시장(Targeting) 여행을 즐기는 사람들의 관시사와 선호도를 파악하여, 서비스를 사용할 가능성이 높은 대상을 선정 어드벤처, 문화여행, 새로운 경험 추구, 여행 선호 가족 층 고려 여행을 얼마나 자주 하는지에 대한 여부 구독서비스에 거부감이 없는지 여부 3. 포지셔닝(Positioning) 제품, 브랜드 또는 서비스를 다른 제품이나 경쟁 업체와 비교하여 소비자 마음속에서 특정한 위치에 두는 것을 의미 출처 : https:.. 2024. 4. 9. [기본 개념] #2. Hooks & Rendering 단골개념인 Hooks에 대해 정리해 보자 Hooks는 리액트 v16.8에 새로 도입된 기능으로서, 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능 등을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해 준다. 또한, 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있다. 1. Hooks 1) useState useState는 가장 기본적인 Hooks으로서, 함수형 컴포넌트에서도 가변적인 상태를 지니고 있을 수 있게 해 준다. 2) useEffect 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hooks이다. 2. Ren.. 2023. 11. 24. [기본 개념] #1. props 들어가기 앞서 리액트는 어쩌다 만들어졌을까? 흥미로운 주제, 못 참죠? DOM? 문서 객체모델, 웹페이지의 콘텐츠 및 구조, 그리고 스타일 요소를 구조화시켜 표현하여 프로그래밍 언어가 해당 문서에 접근하여 읽고 조작할 수 있도록 API를 제공하는 일종의 인터페이스이다. 기존의 HTML로 구성한 UI를 제어하면, DOM을 변형시키기 위해서 속성을 바꾸어 주어야 한다. 즉 관리가 힘들어진다. -> 리액트는 어떤 상태가 바뀌었을 때 상태에 따라 DOM을 어떻게 업데이트할지 규칙을 정하는 것이 아니라, 다 날려버리고 처음부터 모든 걸 새로 만들어서 보여준다면 어떨까?라는 아이디어에서 개발이 시작되었다. -> 리액트에서는 Virtual DOM이라는 것을 사용해서 이것을 가능하게 했다. Virtual Dom? 실제.. 2023. 11. 23. [기본 개념] React의 생명 주기 안드도 생명 주기 정리했으니까 리액트 생명 주기 정리 시작~~ React 컴포넌트는 생명 주기가 있다. 생애 주기 혹은 라이프사이클이라고 많이 표현하는데, 컴포넌트가 실행되거나 업데이트되거나 제거될 때 특정한 이벤트들이 발생한다. 클래스형 컴포넌트를 쓸 때 발생하는데 이거 잘 안 쓰기 때문에 그냥 이런 게 있다 정도만 알아두기! 1. 마운트 1) constructor 컴포넌트의 생성자 메서드로, 컴포넌트가 만들어지면 가장 먼저 실행되는 메서드이다. constructor(props) { super(props); console.log("constructor"); } 2) getDerivedSteteFromProps props로 받아온 것을 state에 넣어주고 싶을 때 사용한다. static getDeriv.. 2023. 11. 22. 이전 1 2 3 4 ··· 7 다음
