함수 React는 DOM요소를 컴포넌트라는 단위로 쪼개어 프로그래밍 가능하다. 컴포넌트에는 함수형 컴포넌트와 클래스형 컴포넌트가 있으며 최근에는 함수형 컴포넌트를 사용하는 추세이다. -범위 Local variables : 함수 안에 선언된 지역 변수는 function scope를 가짐. Outer variables: 함수 안에서는 함수 밖에 선언된 변수에 접근 가능 // var func = function (a, b){ // return a + b // } var func = (a,b) => a + b //Arrow function console.log(func(1, 2)) // 3 var func = (a, b, ...c) => { let sum = a + b for(let i of c) { sum +..
#include #include #include #include "BunneyModel.h" #include GLuint g_stanfordBunnyID = -1; GLint xValue = 0; GLint yValue = 0; GLint zValue = 0; GLint clickDown = 0; GLint fixX = 0; GLint fixY = 0; GLint GenerateCallList() { GLint lid = glGenLists(1); glNewList(lid, GL_COMPILE); glColor3f(1.0f, 0.0f, 0.0f); unsigned int i; for (int i = 0; i < (sizeof(face_indicies) / sizeof(face_indicies[0])); ..
4/5 수업 모델 변환 물체(Object) 모델링 : 여러 개의 점(Points)들로 구성 물체 변환: 이동 변환 (Translation), 회전 변환 (Rotation), 크기 변환 (Scaling) 모델 변환 : 2차원 1. 이동 변환 2. 크기 변환 3. 회전 변환 모델 변환 : 행렬 (Matrix) 표현 1. 동차 좌표계로 확장하면 변환을 행렬로 표현 가능 2차원 -> 3차원 3차원 -> 4차원 모델 변환 : 복합 변환 행렬 (Composition Matrix) 1. 점 P를 이동 후 크기 변환 후 회전 변환한 점 P’ (Translation → Scaling → Rotation) 2. 복합 변환 행렬 C 모델 변환 : 3차원 1. 이동 변환 (Translation) : P’ = T·P 2. 크기..
JavaScript 기초 자바스크립트 - 웹 브라우저를 프로그래밍적으로 제어하기 위해 사용되는 언어 - 웹 페이지를 동적으로 동작(or interaction) 시키기 위해 사용하는 언어 자바스크립트는 자바와 관련 없음! 자바스크립트 구성요소 -ECMAScript •자바스크립트의 기본 문법, 데이터 타입, 제어문, 반목문, 함수, 기본 라이브러리와 같은 프로그래밍적 요소 •node js를 이용한 서버 개발의 기본 지식 -DOM(Document Object Model) •HTML, XML과 같은 구조화된 문서의 프로그래밍 interface •웹 페이지를 수정하거나 생성하는데 사용되는 모든 property, method, event 들이 objects 로 구성 -BOM(Browser Object Model) ..
4/4 수업 1. Fragment(Blank) 추가 2. 이름 설정(Red, Blue, Green 3개 만들 예정) RedFragment.kt package com.example.fragment_navigation import android.os.Bundle import androidx.fragment.app.Fragment import android.view.LayoutInflater import android.view.View import android.view.ViewGroup class RedFragment : Fragment() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) } ov..
kotlin 언어 Android Studio 사용 data binding을 하면 보다 쉽고, 빠르게 코드를 짤 수 있다. 기본적으로 해야 할 것. 1. kotlin class > data file 만들어줌. 2. build.gradle (:app)에 아래 코드 추가 코드 MainActivity.kt package com.example.livedata import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.widget.Button import android.widget.TextView import androidx.lifecycle.MutableLiveData import com.example.livedat..
모바일 프로그래밍 수업 버튼 클릭시 숫자 1씩 증가하는 기본적인 앱 만들기 package com.example.livedata import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.widget.Button import android.widget.TextView import com.example.livedata.databinding.ActivityMainBinding class MainActivity : AppCompatActivity() { var count = 0; private lateinit var binding : ActivityMainBinding override fun onCreate(sav..
이전 글에서는 container에 적용하는 속성들에 대해 알아봤다. 2023.04.03 - [수업] - 웹프로그래밍 - 4-2 Flexbox란? 웹프로그래밍 - 4-2 Flexbox란? 3/23 수업 container에 적용하는 속성들 display: flex; - 아이템들은 가로 방향으로 배치되고, 자신이 가진 내용물의 width만큼 차지한다. - item을 inline으로 만듦. - height은 container의 높이만큼. display: inline codingtoday.tistory.com 아이템에 적용하는 속성들 1. flex-basis - flex 아이템의 기본 크기 설정 - flex-direction이 row일 때는 너비, column일 때는 높이 - auto: 해당 아이템의 width값..
