분류 전체보기 27

[앱개발] #3주차 리액트(컴포넌트, 상태, 속성, useEffect)

3주차에 배운 내용은? 리액트! 앱은 처음 배워보는 분야라서 더 쉽게 이해하려고 최대한 간단하게 정리해봤다. 💻 리액트 네이티브 앱을 만들어야 하기 때문에 리액트 관련 개념을 배웠다. 개념은 크게 4가지! - 컴포넌트 Component - 상태 State - 속성 Props - useEffect 01. 컴포넌트 Component 정해진 요소를 사용해 만든 화면의 일부분 UI 요소나 요소를 재사용 가능한 부분으로 쪼개 운영하는 기법 버튼, 버튼을 모아둔 영역, 글 영역 등 모든 영역은 컴포넌트가 될 수 있다. 컴포넌트를 간단하게 설명해주는 이미지가 있어 가져왔다🔻 02. 상태 State, useState 컴포넌트에서 데이터를 유지하고 관리하기 위한 유일한 방법 == 사용할 데이터 리액트에서는 컴포넌트에서 ..

[웹개발] #3주차 파이썬 기초, mongoDB

01. 파이썬 기초 공부(1) 변수 & 기본 연산 a = 3 //3을 a에 넣는다는 의미 b = a //a를 b에 넣는다는 의미 그러니까 num1 = a*b 역시 a*b의 값을 num1에 넣는 게 된다. **변수 이름은 마음대로 지을 수 있음 자료형 -숫자, 문자형 name = 'bob' //문자열을 넣을 수 있다 num = 12 //숫자도 넣을 수 있음 is_number = True //Boolean형 == True 또는 False를 넣을 수도 있음 -리스트 a_list = [] a_list.append(123,456) //리스트에 값 넣기 a_list의 값은? ==> [123,456] a_list[0] 값은? ==> [123] a_list[1] 값은? ==> [456] -딕셔너리 a_dict = {}..

[앱개발] #2주차 React native & Expo

💻 리액트 네이티브 앱 개발 시, Expo를 사용하면 편리하게 개발할 수 있다. JSX 앱 개발. 리액트 네이티브 앱 개발에서 레이아웃을 잡는 문법 언어 용도에 맞게 사용하면 된다. 구역은 , 글자는 처럼. * 앞 글자는 대문자로 작성해주어야 한다. 📝 사용할 요소를 react-native에서 꺼내온다. import {Text, View} from 'react-native'; //여기에 글씨 React Native? 자바스크립트 언어 하나로 Android 앱, iOS 앱 모두를 만들 수 있는 라이브러리 물론, 진짜로 자바스크립트 하나만 사용해 개발하기는 어렵다(ಥ _ ಥ) Android, iOS를 조금씩 알아야만 하는 상황이 발생할 수 있는데..! 이때 필요한 건 Expo Expo? 리액트 네이티브로 앱..

[웹개발] #2주차 jQuery 이용한 페이지 만들기

jQuery란? 라이브러리. 편리하게 사용할 수 있도록 자바스크립트를 미리 작성해둔 것이다. 길고 복잡하게 썼던 코드를 아래처럼 작성할 수 있다. document.getElementById("element").style.display = "none"; //Javascript $('#element').hide(); //jQuery jQuery 사용하기 1) [최근 개봉한 영화의 코멘트를 남길 수 있는 사이트] 만들기 * input 박스 값 가져오기, div 사용, 스타일 없음 최근 개봉한 영화 코멘트 기록하기 2) 코멘트 적을 공간 만들기 영화 제목 영화 설명. ⭐⭐⭐ 한줄 평 3) '기록하기' 버튼 생성하기 *어두운 색 버튼 //기록하기 버튼 기록하기

[웹개발] #1주차 CSS, Javascript 기본

01. 기본 구조 02. 구역 나타내기 태그 : 콘텐츠 분할, 구역 나누기 클래스 속성을 이용해 그림자 입힌 예시 🔻 shadowbox ~ 태그 : 구획 제목 요소 제목 태그, 콘텐츠 목차 만들 수 있음 hello css javascript bootstrap html programs 태그 : 문단 정의 자동으로 위, 아래쪽에 여백이 추가됨 웹개발 1주차 html, css 03. 자주 사용하는 CSS - margin(바깥 여백) - padding(안쪽 여백) - border-radius(모서리 둥글게) - text-align(가로 정렬) - color(색 지정) => 배경화면 색 지정 background-color - width(가로 값) - height(세로 값) - background-position(..

[앱개발] #1주차 준비, Javascript

01. 앱 서비스 기본 동작 구조 클라이언트 / 서버 클라이언트: 사용자 ex.) 크롬, 사파리, 앱 서버: 컴퓨터 데이터를 사용자에게 전송 💻 클라이언트가 서버에 데이터를 요청하면, 서버는 응답해 데이터를 전송한다. 안드로이드는 Java&Kotlin, iOS는 Swift로 개발한다. 02. 필수 프로그램 1️⃣ Visual Studio Code https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visua..