SOFTWARE/TIL18 Angular 프로젝트 만들기 지난 번에 Node.js를 설치한 부분을 참고하여 이어간다. Node.js를 설치하고 나면 npm 명령어를 사용할 수 있다.npm 명령어는 node package manager 라는 뜻으로, node.js의 모듈을 패키지 형태로 저장해 놓은 라이브러리이다. 먼저 npm 명령어를 사용해서 angular/cli 를 설치한다.npm install -g @angular/cli CLI는 command Line Interface 라는 뜻으로, Angular 기본 프로젝트 구조를 구성하는데에 사용된다.설치가 끝나면, angular 프로젝트를 생성할 수 있다. cmd창에서 프로젝트 생성하고 싶은 폴더로 이동 후, ng 명령어를 사용하여 프로젝트를 생성한다.# ng new [프로젝트명]ng new first-angula.. 2025. 1. 30. Node.js 설치하기 1. Node.js 다운로드를 하기 위해 공식 사이트로 이동한다.http://nodejs.org 들어가자 마자 바로 다운로드 버튼이 보인다. 2. 다운로드 받은 설치프로그램을 실행시킨다. 3. 위와 같은 화면이 뜨면 다음 버튼을 눌러 이동한다. 4. 위와 같이 동의 화면이 뜨고, 체크박스에 체크를 누르면 다음으로 이동한다. 5. 위와 같이 프로그램 설치할 위치를 선택하는 창이 뜬다. 나는 기본 세팅으로 두고 다음으로 이동했다. 6. 위와 같이 설치 할 프로그램들 목록이 뜨고, 개별로 설정을 변경할 수 있다. 이것 또한 기본 세팅으로 두고 다음으로 넘어갔다. 7. 위와 같이 설치에 필요한 설치 프로그램들을 자동으로 설치하겠냐고 물어서 나는 체크하고 다음으로 넘어갔다. 8. 인스톨 버튼이 나왔다... 2025. 1. 24. Weblogic 14.1.1 설치하기 Oracle 사이트에서 Weblogic을 다운받으면, jar 파일을 내려준다. cmd를 관리자 권한으로 실행한 후 jar 파일을 실행시켜준다.명령어 : java -jar 파일명.jar jar파일을 실행하면 아래와 같은 화면이 뜬다. 잘 모를땐 기본 설정으로 두고 다음! Oracle 홈이라고 써있어서 당황스러웠지만, weblogic이 설치될 경로를 지정해두면 된다고 한다. 기본설정으로 Weblogic Server 선택이 되어있으니 바로 다음! 다음 버튼 클릭! 내용 확인 후 설치! 기다리면 된다~ 구성 마법사 자동 실행 체크되어있는거 확인하고 완료! 그러면 구성 마법사가 실행되면서 도메인 위치를 정하라고 한다.일단 기본 위치로 설정해보자! 여기도 일단 기본 설정으로 다음! .. 2024. 8. 5. [React] 기초 개념 (3) props 하위 컴포넌트한테 properties를 넘겨줄 수 있다. 이때 커스텀한 HTML 속성을 사용한다. Array props 넘기기 대괄호를 이용해서 배열을 넘겨줄 수 있다. 하위 컴포넌트에서 받을 때는 join()과 같은 배열 함수를 이용하여 props에 접근할 수 있다. const ChildComponent = (props) => {props.colors.join(', ')} green, blue, red 기본 props props에 기본 값을 설정할 수 있다. 기본 값을 설정하면 따로 props를 정의하지 않아도 설정해 놓은 값으로 정의된다. 하지만 값으로 null을 전달하면 기본 값이 아닌 null로 정의된다. 예상하는 props를 정의하도록 propTypes를 사용한다. 리액트는 컴포넌트가.. 2023. 4. 16. [Java] Vector 클래스에 대해 알아보자 Java에서 Vector는 동적 배열(dynamic array)로 구현된 클래스이다. Vector는 배열과 유사하지만, 크기가 자동으로 조정되는 배열이다. 배열과 다른 점Vector는 객체를 저장할 수 있는 배열로, 배열의 크기는 동적으로 조정될 수 있다. 반면 배열은 크기가 고정되어 있고, 크기를 바꾸기 위해서는 새로운 배열을 만들고 기존의 값을 복사해야 한다. Vector는 크기가 자동으로 조정되므로, 요소를 추가하거나 삭제할 때마다 크기가 조정된다. Vector 특징Vector는 여러 스레드에서 안전하게 사용할 수 있도록 동기화되어 있어서 다양한 멀티스레드 환경에서 사용될 수 있다. Vector는 다양한 메소드를 제공하며, 요소의 추가, 삭제, 검색, 정렬 등의 작업을 수행할 수 있다. 그러나 Ve.. 2023. 4. 9. [React] 기초 개념 (2) DOM에서 JSX를 렌더링 하기 위해서 ReactDOM이라는 API를 사용한다. 컴포넌트를 렌더링하고 싶을 때도 마찬가지로 ReactDOM을 사용한다. ReactDOM.redner(componentToRender, targetNode) 괄호 안에 들어가는 첫번째 변수는 렌더링 하고자 하는 컴포넌트이고, 두 번째 변수는 컴포넌트와 함께 렌더링 하고자 하는 DOM 노드이다. (어느 위치에 렌더링 하고 싶은지라고 생각하면 될 듯) JSX를 렌더링 할 때와 조금 다른 점은, JSX는 요소의 이름만 변수로 넣어줬다면, 컴포넌트는 구문을 통으로 적어주면 된다. ES6 class 컴포넌트, 함수화 컴포넌트 모두 이렇게 해준다. ReactDOM.reader(, targetNode) ReactDOM.render(, do.. 2023. 4. 6. 이전 1 2 3 다음
