본문 바로가기

웹개발_Study8

앱개발 3주차 개발일지 1) 리액트 필수 지식 활용 - 컴포넌트(Component) - 상태(State,useState) - 속성(Props) - useEffect 컴포넌트 UI의 요소, 요소를 재사용 가능한 부분으로 조각내서 운영하는 기법. 리액트 기반으로 만들어진 페이스북 웹사이트는 운영되는 컴포넌트가 수 만가지라고 함^^ 👉 컴포넌트는 즉, 화면의 모든 부분. 그리고 컴포넌트란 App.js의 큰 App 함수처럼, 코드 전체를 감싸고 있는 함수를 뜻하기도 함. 따라서 App.js를 App 컴포넌트라고도 부를 수 있음 👉 버튼 하나가 컴포넌트가 될 수 있고, 버튼을 모아둔 영역이 컴포넌트가 될 수 있음. 이렇게 컴포넌트로 생각하고 앱을 개발해 나아간다면, 코드 재사용이 용이 해집니다. 코드 재사용이란 어려운 용어는 아니고, .. 2023. 1. 29.
앱개발 2주차 개발일지 1) 앱 개발 준비 - 리액트 네이티브(기술) & Expo(도구) 소개 및 설치 2) 앱 화면 만들기 3) 앱 필수 기초 지식 - 리액트 기초 다지기 1) 앱 개발 준비 - 리액트 네이티브(기술) & Expo(도구) 소개 및 설치 리액트 네이티브 앱 개발을 더 편하고 쉽게 도와주는 Expo라는 도구로 앱 개발을 진행 앱 개발, 즉 리액트 네이티브 앱 개발에서 구역(레이아웃)을 잡는 문법 언어를 JSX라고 부릅니다. JSX문법은 정말 간단하게, 화면의 구역을 잡을 때는 태그를, 글자를 쓸때는 태그를 사용하라는 것처럼, 용도에 맞는 태그를 정해놨습니다. 그래서 우린 필요한 태그를 그때그때 꺼내서 사용하면 됩니다. 태그란 과 같이 꺽쇠로 표현하는 프로그래밍 문법을 뜻합니다! //이렇게 상단에서 사용할 엘리먼트.. 2023. 1. 10.
앱개발 1주차 개발일지 자바스크립트 기본 내용 스터디 let fruit_list = ['사과','감','감','배','포도','포도','딸기', '포도','감','수박','딸기'] let podo_list = fruit_list.filter((f)=>{ return f == '포도' }) console.log(podo_list); *map을 활용해서 수정하기 let fruit_list = ['사과','감','감','배','포도','포도','딸기','포도','감','수박','딸기'] let count = 0; fruit_list.map((f)=>{ if (f == "딸기") count += 1 }) console.log(count) filter 사용 let fruit_list = ['사과','감','감','배','포도','포도'.. 2023. 1. 7.

티스토리툴바