[JAVA] 객체지향 💡 참조 타입(객체의 주소를 참조하는 타입) : String 배열 / 열거 / 클래스 / 인터페이스모든 변수(기본 타입)는 스택(stack)에 저장참조타입은 힙(heap)에 저장메소드 영역(Method Area)바이트 파일을 읽은 내용이 저장되는 영역힙 영역(Heap Area)객체가 생성되는 영역(주소 참조 : 메소드 영역, 스택 영역의 상수와 변수)스택 영역(Stack Area)메소드를 호출할 때마다 생성되는 프레임이 저장되는 영역 [JAVA]변수와 선언 무언가를 저장할 수 있는 공간으로 RAM에 저장된다int num; //변수 선언문num = 100; //초기값 💡 bit 0(음수),1(양수)1byte = 8bit2진수 : ob(oB)01008진수 : 0~710진수 : 0~916진수 : ox(oX) 0~9, ABCDEFScanner(타입변수)키보드로부터 입력된 데이터를 읽고 변수에 저장하는 가장 쉬운 방법package ch01;import java.util.Scanner;//scanner이라는 변수를 사용하기 위해서 꼭 선언해야 하는 명령어public class scanner { public static void main(String[] args) { Scanner scanner = new Scanner(System.in);//new scanner(.. [CSS]animation, 3D Animationanimation-name: move;애니메이션 이름(키프레임명)시간값, 회수값, 방향값, 정지값을 적용하는 객체에 넣어야 함animation-duration: 1s;애니매이션 시간값animation-iteration-count: 4;animation-iteration-count: 반복횟수;애니메이션 반복횟수 값infinite계속반복animation-direction: alternate;normal:form~toalternate:form~to~formreversnormal:normal과 반대,거꾸로to~formalternate-reverse:alternate와 반대 to~from~to 주로 alternate로 작업animation-delay: 1s;애니매이션 지연시간animation-ti.. TypeScript 정의 TypeScript : js를 기반으로 한 프로그래밍 언어정적 타입 검사를 추가한 언어로 코드 작성 시 타입 오류를 미리 잡아주며 코드의 안정성과 가독성을 높인다.클래스, 인터페이스, 제네릭 등 객체지향 프로그래밍(OOP) 기능을 지원하며, 자바스크립트와 완전히 호환한다대규모 프로젝트에서 유지보수성을 크게 향상시키며, IDE의 자동환성, 오류 검사 등의 지원도 강화해준다.📌 설치방법$ npx create-react-app [폴더명] --template typescript$ npm i --save-dev @types/styled-components$ npm i styled-component 📌 타입정의함수의 타입을 정해준다const Add(a,b) => a+b;Add(1,2); // 결과: 3Add.. [Three.js]WebGL WEBGL 이란?WEB Graphics Libary의 약자인 WEBGL은 OpenGL ES를 웹에서 사용가능하도록 자바스트립트 언어 바인딩으로 만든 것입니다.웹 상에서 2D나 3D 그래픽을 렌더링 하기 위해서 HTML5 Document에 Canvas를 만들고 Javasript에 랜더링을 위한 함 수를 나열합니다. WEBGL은 three.js를 사용하여 3D그래픽을 만들어줍니다. 3차원이므로 x,y축 뿐만 아니라 깊이(depth)를 의미하는 z축도 이용을 하여 상하좌우앞뒤 모든곳으로 이동 이 가능합니다. WEBGL에서 기본적으로 알아야 하는 용어정점(vertex) 정점은 3차원 개체의 가장자리의 결합을 형성하는 점입니다. 자바스크 립트 배열을 사용하여 정점을 수동으로 저장하고 정점 버퍼를 사용하여 렌더링에.. [Three.js] 미니프로젝트 실행 코드 실행 화면 실행코드 [Three.js] 미니 프로젝트 주요기능 주요기능importmap 자바스크립트에서 import를 제어하는 방법으로 빌드 시스템을 벗어 날 수 있는 가 능성을 열어줍니다.HTML문서의 스크립트 태그의 타입을 importmap을 지정하여 절대/상대 경로로 매 핑합니다.TextureLoader 텍스처를 물체에 로드하는 클래스입니다. 파일을 로드하기 위해 내부에 사용합니 다.Texture로딩을 위한 로더를 설정하고 로딩을 합니다.CubeTexture 장면(scene)의 배경으로 이미지를 삽입합니다.배경은 정육면체로 만들어져서 6개의 면에 이미지를 넣어서 텍스처를 만듭니다.해당 파일의 경로를 패스로 입력하고 로드를 입력해줍니다.파일 경로를 패스로 입력하고 위의 이미지와 다르게 새 생성자를 로드해서 이미지 를 등록 할 수 있습니다.해당 파일을 정육면체에 .. [HTML]인터넷프로그래밍 1. 특수문자<<∞∞∞>>>√√√Σ∑∑↑↑↑©©©&&&빈칸  '''"""÷÷÷2.블록 태그 / / / 항상 새라인에서 시작한다.양 옆에 다른 콘텐트를 배치하지 않고 한 라인 전체를 사용한다.3.인라인 태그 / / / 실제 데이터의 크기만큼만 한라인의 일부만 사용한다.3.인라인 프레임- HTML페이지 내에 HTML페이지 삽입한다.ifram태그를 다루지 랂는 브라우저에 의해 대신 출력되는 텍스트3. target 속성- ,,,_blank - 새로운 브라우저 윈도우 생성_self - 현재 윈도.. [React.Component] Props props는 properties를 줄인 표현으로 컴포넌트 속성을 설정할 때 사용하는 요소.상위 컴포넌트가 하위 컴포넌트에 값을 전달할 때 사용하는 속성(단방향 데이터 흐름)부모 컴포넌트는 수정 가능, 자식 컴포넌트는 읽기만 가능사용 방법상위 컴포넌트에서 Props지정한다하위 컴포넌트에서 받은 Props값을 렌더링 한다[MyComponent.js]const MyComponent = props => { return 안녕하세요, 제 이름은 {props.name}입니다.;}export default MyComponent;[App.js]import MyComponent from './MyComponent';const App = () =>{ return ;};export default App;{prop.. [JavaScript] ES6의 화살표 함수 함수를 표현하는 새로운 방식으로 함수를 파라미터로 전달 할 때 유용하다값을 연산하여 바로 반환해야 할 때 사용하면 가독성을 높일 수 있다.class ABC { constructor() { let add1= function (first, second) { return first + second; }.bind(this) //bind를 해줬다 let add2 = (first,second) => first+second; //arrow는 편하게 쓰면 된다. }}ex)this.handleClickIncrement = this.handleClickIncrement.bind(this);setTimeout(function() {.. [React] Component(컴포넌트) ✏️ 컴포넌트란?React의 핵심 개념중 하나로, 사용자 인터페이스(UI)를 구성하는 독립적이고 재사용 가능한 코드블록이다. 특정기능을 수행하거나, 특정 UI요소를 렌더링 하는 역할을 한다. 리액트에서는 애플리케이션의 UI를 여거개의 작은 컴포넌트로 나누어 관리한다. 컴포넌트는 함수 컴포넌트, 클래스 컴포넌트 2가지가 있다.주요 특징재사용성여러곳에서 재사용 할 수 있는 독립적인 코드조각단일 책임의 원칙하나의 컴포넌트는 하나의 역할을 수행한다상태관리(state)내부적으로 상태(state)를 가질 수ㅜ 있다. 상태는 컴포넌트의 동적인 데이터를 관리하며, 상태가 변경되면 리액트는 해당 컴포넌트를 다시 렌더링 한다Props컴포넌트는 부모 컴포넌트로 부터 `props`라는 입력 값을 받을 수 있다. `props.. [Git]컨벤션 규칙 🖤 커밋 메시지 컨벤션1. 커밋 유형 지정커밋 유형은 영어 대문자로 작성하기커밋 유형 의미Feat새로운 기능 추가Fix버그 수정Docs문서 수정 / 수정이 없는 단순 머지를 위한 푸시Style코드 formatting, 세미콜론 누락, 코드 자체의 변경이 없는 경우Refactor코드 리팩토링Test테스트 코드, 리팩토링 테스트 코드 추가Chore패키지 매니저 수정, 그 외 기타 수정 ex) .gitignoreDesignCSS 등 사용자 UI 디자인 변경Comment필요한 주석 추가 및 변경Rename파일 또는 폴더 명을 수정하거나 옮기는 작업만인 경우Remove파일을 삭제하는 작업만 수행한 경우!BREAKING CHANGE커다란 API 변경의 경우!HOTFIX급하게 치명적인 버그를 고쳐야 하는 경우2. .. 이전 1 2 3 4 다음
