차근차근 개발중

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..

📍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가 몇번 눌러보더니 해결해줬다. 또 나중에 헤맬 것 같아서 해결책만 우선 작성하는 것이라 이유를 찾아서 추가해둬야겠다.

📌 IntelliJ에서 GitLab 프로젝트 연동하기1. IntelliJ 메뉴에서 File - New - Projcect from Version Control 을 클릭    2. git에서 clone 버튼을 클릭 후 주소를 복사    3. 복사한 URL를 붙여넣기    결과 팝업창을 확인 후 New Window를 클릭하면 프로젝트 실행됩니다.

아이맥에서 JAVA 설치 및 환경변수 설정 방법입니다. 📍Oracle 페이지에서 JAVA 다운로드 및 설치 https://www.oracle.com/java/technologies/downloads/#java11-mac 위 경로에 접속하면 아래와 같은 화면을 볼 수 있습니다 사용중인 OS를 선택 후 다운로드를 받아주면 됩니다. macOS 선택 -> jdk-11.0.15.1_osx-x64_bin.dmg 다운로드 다운로드를 누르면 오라클 계정 로그인 화면이 나옵니다. ID / PW 입력 후 로그인 버튼을 클릭하면 .dmg 설치파일이 다운로드 됩니다. 설치파일은 Finder의 다운로드 폴더에서 확인 할 수 있습니다. 해당 설치파일을 더블클릭 하면 설치가 시작됩니다. 자바 설치는 끝입니다. 📍 JAVA 환경변수..