AWS에 접속 -> 회원가입 -> EC2 대시보드에서 Ubuntu 20.04 LTS 프리티어 모드를 구매 - instance : 클라우드 전체에서 내가 쓰는 부분을 말한다. apm 시스템 중 Tomcat 사용(Web-application-system) 설치 후 putty에 ip 넣고 포트는 22 $/etc에서 profile 파일에 들어가서 환경변수 설정 코드 주입하기 Tomcat 9 에서 Core의 tar.gz의 링크 주소를 복사(마우스 우클릭) $ wget (복사한 링크 주소) ls를 눌러보면 압축 해제할 파일이 뜨고, $ tar -xzvf (파일 이름) 으로 zip파일을 푼다. conf : tomcat의 설정 파일 lib : 외부 라이브러리를 저장하는 디렉토리 webapps : 실제 작업한 파일을 넣..
과제 피드백 더보기 플레이 버튼 누르면 숫자가 자동으로 사라지도록 하기 transition 추가하기 숫자 중복 방지 숫자 덜 입력했을 때 경고창 난수 생성 -> 수 3개 입력 -> 플레이 버튼 순으로 진행해야 플레이가 정상적으로 진행되도록 for (var i = 0; i < 9; i++) { var resultBox = document.createElement("div"); resultBox.id = "result" + (i + 1); // body태그 안에 9개의 id를 가진 div 넣어주기 document.body.appendChild(resultBox); } result1 ~ result9의 id를 가진 div를 body 부분에 for문을 이용해서 추가한다. for (var i = 0; i < 9;..
자바스크립트 개발 방식 (코드 구조에 따라 분류) - 함수형 - 객체형 1. 함수형 : 버그가 났을 때 그 구역에서만 수정할 수 있다. function sum(a,b){ return 4 * a - b; } 자료형 함수이름(매개변수1, 매개변수2, ---){ 결과값 ~~~; } 코드의 반복이 감소된다. function add(a, b) { //console.log(a + b); return a + b; //반환 } console.log(add(10, 20)); add(15, 25); // 리턴만으로는 출력할 수 없다. add(20, 30); 매개변수를 사용한 자바스크립트 함수의 사용 function mul(a, b) { return a * b; } var num = 2; // 변수 선언 및 정의 conso..
- 목표 설정, 목표 사용자 설정 - 프로젝트 요구사항 정의 --> 요구사항 명세서 - 스토리보드 (스토리보드 설계서) : 디자인, UI와 UX - 클래스 함수 설계 --> 클래스 명세서, 소프트웨어 설계서 (구현해야할 것을 모듈로 구분) CSS 기본 문법 구조 대상 { 속성1 : 값 속성2 : 값 } 대상2 { 속성1 : 값 } background-color은 글자의 배경색을 지정한다. 첫 번째 칸입니다. 두 번째 칸입니다. id로 된 div에 대해서는 해당 div 내에서만 css가 적용된다. (여러 div에 중복되지 않음) 반면에 class는 중복이 가능하며, 아래와 같이 .elements라는 클래스 명에 의해서 color:white라는 스타일이 적용된다. #box { background-color:..
구현 목표 : ‘크레이지 아케이드’ 게임용 PC 크레이지 아케이드 권장 사양 분석 더보기 1. CPU Pentium 1.2Ghz : CPU의 프로세서 기본 주파수가 1.2Ghz인 Intel의 펜티엄 프로세서 350 - 클럭 : 순차회로에 가해지는 전기적 진동의 속도를 나타내는 단위 (아케이드 게임은 오버클럭을 사용할 필요가 없다!) - 펜티엄 프로세서 : 인텔의 마이크로 프로세서의 상표명. 이후 인텔 코어가 이 브랜드를 대체하였다. - Ghz : CPU 클럭 속도의 단위(CPU가 초당 실행하는 사이클 수) - 크레이지 아케이드의 최소 사양은 인텔 펜티엄 2.13Ghz 이상. Pentium 1.2Ghz : CPU의 프로세서 기본 주파수가 1.2Ghz인 Intel의 펜티엄 프로세서 350 - 클럭 : 순차회..
DOM(Domain Object Model) : 부모 자식 관계 '뼈대'를 기준으로 화면을 구성 Tag란? 구조를 사용할 때 사용하는 태그 1) : 네모 박스를 만들어 뼈대를 구성하는 태그. 줄바꿈이 포함된다
이번 주차 강의의 주제는 레이아웃, props, state이다. props와 state는 RN의 꽃이라고 하신다. 1. Component에 스타일 입히기! rncs로 코드의 틀을 불러온다 style.prop안의 구조는 이렇다. 실습) 이런 식으로 텍스트에 style을 입혀주면 짠. 그 이외의 스타일들은 구글에서 react native change text color 등 알아서 검색해서 알아보자! 앞주차의 사진처럼 이렇게 인라인 방식으로 넣을 수도 있지만 가독성면에서, 효율성 면에서 위의 방식이 더 좋다. 레이아웃을 디자인할때 이렇게 퍼센트(%)로 크기를 지정해주면 이렇게 화면 전체를 기준으로 색을 입힐 수 있다. flex는 비율에 맞추어 화면에 색을 덮는 역할을 한다. 사용은 다음과 같다...
1. 사전 기초 개념 - 단일 태그 단일 태그는 가 아닌 와 같이 단일하게 만들 수 있는 태그이다. - 익명 함수, 주석 변수에 함수를 저장해줄 수 있는데, 이 함수의 이름을 지어줄 필요가 없다. 이를 익명함수라고 한다. JS에서 주석은 //과 /**/이다. 2. React Native cmd 창에서 expo init Practice03 과 같이 Practice03이라는 이름의 blank 템플릿의 실습 폴더를 생성한 뒤 npm start를 입력해준다. App.js 파일에서 rnc를 입력하고 엔터를 누르면 확장 프로그램에 의해 기본적인 틀이 생성된다. 여기서 React Native 실습을 진행한다. aaa.js 라는 파일을 생성해 export 와 import, default 명령어에 대해 알아보..
강의 초반에는 vscode에서 javascript code snippets 등 개발을 용이하게 하는 확장 프로그램을 설치하였다. 먼저 Javascript 기초를 다져보자. - 변수 변수는 var라는 키워드로 변수를 선언한다. (자료형은 명시하지 않는다. ) ex) var a = 1, b = 2; var c = a + b; alret(c); 출력 값 : 3 // 변수가 아닌 상수는 const 키워드를 사용한다. - 자료형 자료형은 6개가 존재한다. 1. number 2. string 3. boolean : true, false를 저장 4. undefined 5. function 6.object -조건문 이 부분은 C언어와 유사하다. -비교연산자 자바스크립트에서는 비교 연산자에서 a===b, ..
