목록전체 글 (16)
차근차근 개발중
1) 함수(funcrtion)란?- 독립적으로 실행할 수 있는 코드 블록입니다- 전역 스코프나 다른 함수 내에서 선언할 수 있습니다//함수 선언식function add1(a, b){ return a + b;}//함수 표현식const add2 = function(a, b){ return a * b;}//화살표 함수const add3 = (a, b) => a + b; 2) 메서드(Method)란?- 객체에 속한 함수를 메서드라고 합니다.- 객체의 프로퍼티로써 존재하며, 해당 객체의 컨텍스트 내에서 실행됩니다. const cat = { name : '나비', // 이것이 메서드입니다. sound : function(){ console.log(this.name + " : 야옹 "); }}co..
1) React 생명주기란?- 컴포넌트가 생성되고 화면에 나타나고 사라지는 과정을 설명하는 메서드의 연속- 마운트(Mounting), 업데이트(Updating), 언마운트(Unmounting) 일반적으로 3단계로 구분되어 있고, 각 단계마다 특정한 메서드를 사용- class components에서 사용하고, 함수형 컴포넌트는 hooks를 이용해서 상태변화를 관리 2) 생명주기 3단계2-1. 마운트(Mounting)- 마운트는 컴포넌트가 DOM에 삽입되어 화면에 나타나는 것을 말합니다. 생명주기의 마운트는 컴포넌트가 생성되어 DOM에 삽입되는 과정을 다루고, 컴포넌트가 처음으로 화면에 나타나는 작업을 수행하는 단계입니다. 1. constructor 컴포넌트의 생성자 메서드로, 컴포넌트가 생성될 때 ..
📍. CRA란? Create React App(CRA)는 리액트 애플리케이션 개발 도구입니다. CAR를 사용하면 webpack이나 babel과 같은 도구를 설치하거나 구성할 필요 없이 간편하게 리액트 애플리케이션을 시작할 수 있습니다. 📍. CRA를 사용하는 이유 간편한 설정 React 앱을 만들때, Babel이나 webpack같은 build 도구를 사용한다. 이런 다양한 라이브러리를 일일이 다운받아야하지만 CRA을 통해 복잡한 설정 없이 간단히 리액트 애플리케이션을 시작 할 수있다. 프로덕션을 배포할 준비가 되었을 때, npm run build 를 실행하면 build 폴더 안에 제작한 앱의 최적화된 Build를 생성합니다. 성능 최적화 코드 번들링, 코드 분할, 자원 압축 등의 작업을 자동으로 수행하여..
📍. 웹폰트란? - 웹 폰트는 로컬의 폰트 설치 상황에 상관없이 웹에서 항상 원하는 폰트를 사용할 수 있게하는 기술이다. 📍. 웹폰트 기본 사용법 1. google fonts를 이용해서 웹폰트 Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam ratione laborum praesentium molestias tempore sit dignissimos repellendus! Reprehenderit, sed, impedit, rem corporis quae qui voluptatem eaque illum dolorum blanditiis iusto? 2. @font-face font-family: 사용할 웹 폰트의 이름을 지정한다. 이 이..
함수란? 정해진 입력으로 원하는 결과값을 반환해주는 독립적인 코드 블록 function이라는 키워드로 선언 가능 함수이름 매개변수 자바스크립트 실행문 function 함수명( 매개변수1, 매개변수2, .... ){ 자바스크립트 실행문 } 함수 입력값을 parameter 또는 argument라고 부름 일급 함수 성질을 지님 함수를 변수에 할당 할 수있으며, 다른 함수의 인자값 또는 리턴값으로도 사용할 수 있음 function multi(p1, p2){ return p1*p2 } let multi = function(p1, p2) { return p1 * p2 } let calFunc = (type) => { if(type === 'plus'){ return (p1, p2) => { return p1 + p..
1. 변수 · 변수(variable) - 데이터를 담을 수 있는 메모리 공간의 이름 · 변수선언(declaration) - 어떤 타입의 데이터를 담을 수 있는 메모리 공간을 할당하도록 명령하는 것 // var 변수 선언 var name; // let 변수 선언 let name; // const 변수 선언(상수) // 상수 선언시 반드시 초기 값 설정, 설정하지 않을 경우 에러 출력 const name; // Missing initializer in const declaration const pi = 3.14; let name = “이름” , age = 20 // 한 번에 여려 변수를 선언 할 수 있다. · 변수 유효 범위(scope) - 선언된 변수가 메모리에서 삭제되지 않고 영향을 미칠 수 있는 코드 ..
📍Node.js란? - Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. 📍macOS에서 Node.js 설치 방법 1. 사이트 (https://nodejs.org/en ) 접속 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. LTS(Long Term Support _ 장기로 관리하는 버전 ) 적힌 버전을 설치합니다. current 보다는 좀 더 안정화가 되어있기때문에 LTS버전을 추천합니다. 3. finder에서 다운로드한 node-v20.11.1.pkg 를 실행하여 설치를 진행합니다. 4. 진행 과정에 맞춰 계속해서 설치버튼을 클..
📍 타입 캐스팅(Type Casting)이란? 인스턴스의 "타입"을 확인하거나, 해당 인스터스를 슈퍼 클래스나 하위 클래스로 취급하는 방법입니다 인스턴스 타입을 검사 -is 연산자 / 클래스 계층 상의 타입 변환 - as 연산자 1) 최상위 클래스 MediaItem class MediaItem { var name: String init(name: String) { self.name = name } } 2) MediaItem클래스를 상속받는 Movie와 Song클래스 생성 class Movie: MediaItem { var director: String init(name: String, director: String) { self.director = director super.init(name: name)..
📍클래스란? 객체를 찍어내는 틀 / (의미있는) 데이터를 묶음으로 만들려는 것이다. ex) 붕어빵을 찍어내기 위한 틀 / 붕어빵은 객체라고 한다. 스위프트에서 특별히 클래스의 instance를 객체(Object)라고 부른다. class Movie{ var name = "쉰들러리스트" var time = 196 func start(){ print("\(name) 상영이 시작했습니다") } func end(){ print("\(name) 상영이 끝났습니다.") } } var cgv = Movie() cgv.name = "블랙스완" cgv.start() 속성과 메서드 반드시 2가지로 이루어짐. 속성 : 클래스의 변수 메서드 : 클래스의 함수 📍구조체란? 객체를 찍어내는 틀 클래스와 마친가지로 메모리에 찍어낸 ..
톰캣을 설정 후 실행했을 때 이런 오류가 발생했다. 이것저것 만져보다가 찾아낸 해결책 Preferences > Build,Execution,Deployment > Gradle Build and run using / Run tests using 설정을 IntelliJ IDEA로 변경했더니 해결 되었다. 어떤 이유인지는 사실 모르겠다 TH가 몇번 눌러보더니 해결해줬다. 또 나중에 헤맬 것 같아서 해결책만 우선 작성하는 것이라 이유를 찾아서 추가해둬야겠다.