Starters Starters

1. Anaconda prompt 열기 2. conda env list 로 가상환경 확인하기 - 처음에는 base 만 있다. 3. conda create -n 가상환경 이름 -> 가상환경 만들기 4. list 다시 확인하고, conda activate 생성한 가상환경 이름 -> 실행 / 나갈 때는 conda deactivate

XML 에서 디자인 만들기 -> 버튼을 위치에 놓고 오른쪽에 text 부분을 '전화 걸기'로 바꾼다. -> 아래 onClick 속성에 onClicked 라는 함수를 적어 놓는다. (함수는 MainActivity에서 생성) MainActivity에 코드 추가 package com.example.hello; import android.content.Intent; import android.net.Uri; import android.os.Bundle; import android.view.View; import androidx.appcompat.app.AppCompatActivity; public class MainActivity extends AppCompatActivity { @Override protect..

앱의 구성 Java(앱의 로직) + XML(사용자 인터페이스) + 사운드/ 이미지 등 기본 어플리케이션 분석 public class MainActivity extends AppCompatActivity { - 객체 지향 프로그래밍의 가장 기본이 되는 최소 단위 - 안드로이드에서 액티비티는 Activity 클래스로 생성됨 - AppCompatActivity는 Activity 클래스의 자식 클래스 -> 따라서 Main Activity 클래스도 Activity @ (어노테이션) @Override - 아래의 메소드가 부모 클래스의 메소드를 재정의 하였다는 것을 명시 Oncreate() protected void onCreate(Bundle savedInstanceState) { - 안드로이드 시스템에 의해 액티..

- App.js - import React from 'react'; import InputSample from './InputSample'; function App() { return ( ); } export default App; 이벤트 함수 생성 - InputSample.js - function InputSample(){ const onChange() = (e) => { console.log(e.target); } return ( .... e 는 아래 코드에서 어떤 이벤트가 생성될 때, 이벤트에 대한 내용이 담기는 객체이다. e.target은 이벤트가 발생한 DOM에 대한 내용을 담고 있다. e.target.value 현재 발생하는 이벤트의 구체적인 값을 담고 있음 import React, { use..

동적상태관리 import React from 'react'; function Counter(){ const onIncrease = () => { console.log('+1'); } const onDecrease = () => { console.log('-1'); } return ( 0 +1 -1 ); } export default Counter; ※ onclick으로 함수 연결 시, onClick 대문자로! ※ 만약 onClick={onIncrease()} 이렇게 함수 형태로 쓰면, 브라우저 호출과 동시에 함수 실행된다. useState 함수 호출 import React, { useState } from 'react'; react에 있는 useState 함수를 호출하는 것 ※ useState() 는 배..

조건부 렌더링이란? - 특정 값이 참인지 거짓인지에 따라 다른 결과 보여주는 것 1. 삼항 연산자 사용 - App.js - isSpecial 추가 - hello.js - import React from 'react'; function Hello( {color, name, isSpecial} ){ return ( {isSpecial ? * : null} 안녕하세요 {name} ; ); } Hello.defaultProps = { name: '이름없음' } export default Hello; {undefined}, {false} 등 falsy한 값들은 랜더링 해도 브라우저에 보여지지 않는다. ({0} 은 제외) 위와 같은 상황은 조건에 따라 값을 보여주거나 보여주지 않거나 하는 것 -> 삼항연산자 보다 ..

props = properties 1. App.js 에서 JSX 코드 내에 속성값 넣어줌 import React from 'react'; // import logo from './logo.svg'; // import './App.css'; import Hello from './hello'; function App() { return ( ); } export default App; 2. hello.js 에 파라미터로 props를 사용하고 콘솔로그에 찍어보면 import React from 'react'; function Hello(props){ console.log(props) return 안녕하세요; } export default Hello; 3. 객체 형태로 컴포넌트에 값을 전달했다는 것을 확인할 수 ..

JSX는 HTML 처럼 보이지만 JS코드이다. - 바벨이라는 도구 사용해서 XML코드가 JS로 변환되는 것 html코드를 javascript코드로 변환 지켜야 할 규칙들 1. 모든 태그들을 닫아주어야 한다. - input이나 br 태그도 닫아주어야 한다. Ex) 2. 두 개 이상의 태그는 무조건 하나로 감싸주어야 한다. - 하지만 등으로 감싸게 되면 스타일이 꼬인다던지 하는 문제가 발생될 수 있음 => 처럼 비어있는 태그로 감싸주면 해결(크롬 개발자 도구에서도 별도로 태그 나타나지 않음) ※ return 뒤에 JSX 코드 감싼 괄호는 가독성을 위한 것일 뿐, 코드상에는 문제 없음 3. JSX 내부에서 Javascript코드 사용하는 법 - 중괄호로 감싸서 변수 사용 4. style과 classname 사..