본문 바로가기

전체보기297

10/4~7 1차 프로젝트 진행 AWS 클라우드환경 네이티브 수업 93~96일차 진행 1. 1차 프로젝트 진행 요약 1. 1차 프로젝트 진행 2022. 10. 4.
1, 2장 요점 정리 1장 자바스크립트의 코드 규칙을 일관성 있게 작성하고, 잠재적인 코드 실수를 방지하는 도구 => 바로 ESLint 들여쓰기, 세미콜론, 따옴표 등의 규칙을 한번에 정리 => Prettier 해당 에러가 자동으로 고쳐지게 만드는 방법은 아래 블로그 참고 https://arajo.tistory.com/366 2장 컴포넌트(component) : 구성요소 SafeAreaView : 디스플레이의 보이지 않는 영역 및 최하단 영역에 내용이 보여지는 것을 방지 View : 가장 기본적인 컴포넌트로 레이아웃 및 스타일을 담당. Text : 텍스트를 보여주는 역할. 웬만하면 function 함수로 컴포넌트를 선언해라. 대세임. JSX에서 자바스크립트 표현식을 보여줘야 할 때는 중괄호 ' {}' 로 감싸서 작성하면 됨... 2022. 9. 30.
9/30 jQuery 시각 효과 처리 AWS 클라우드환경 네이티브 수업 92일차 진행 1. jQuery (초반에 이벤트 처리 진행함. 9/29 참고) 2. 1차 프로젝트 진행 요약 1. jQuery jQuery 시각 효과 처리 (페이드 , 슬라이드, 애니메이션) jQuery 시각 효과 처리 1. 페이드 효과 종류는 아래와 같다. Method 내용 .fadeIn() 선택한 요소의 CSS opacity 속성값을 높여가며 요소를 드러나게 함. .fadeOut() 선택한 요소의 CSS opacity 속성값을 높여가며 요소를 사라지게 함. .fadeTo() 페이드 효과에서 사용하는 opacity 속성값을 직접 설정. .fadeToggle() 선택한 요소에 fadeIn() 메소드와 fadeOut() 메소드를 번갈아가며 적용. - fadeIn / fad.. 2022. 9. 30.
9/29 jQuery 요소 탐색, 속성 설정, 이벤트 처리 AWS 클라우드환경 네이티브 수업 91일차 진행 1. jQuery 2. 1차 프로젝트 환경 세팅 끝 요약 1. jQuery jQuery 요소 탐색 (first / last) jQuery 속성 설정 (attr / prop) jQuery 이벤트 처리 (on / one / off / 그 외 여러가지 함수들) jQuery jQuery 요소 탐색 .first() / .last() 많은 탐색 함수들이 있지만 그 중 위의 두 개만 알아보려고 한다. 해당 함수는 이름 그대로 리스트 제일 처음과 마지막 요소를 선택하는 메소드이다. 아래의 예를 보면 바로 이해가 된다. .first() 메소드와 .last() 메소드 1 번째 리스트 2 번째 리스트 3 번째 리스트 first() 함수 썼움 last() 함수 썼움 jQuery.. 2022. 9. 29.
9/28 jQuery 시작, 개념 및 문법, 선택자 사용법, 요소 조작, 1차 프로젝트 환경 세팅 끝 AWS 클라우드환경 네이티브 수업 90일차 진행 1. jQuery 2. 1차 프로젝트 환경 세팅 끝 요약 1. jQuery jQuery 개념 jQuery Load 방법 jQuery 의 기본 문법 jQuery 선택자 사용법 ( CSS 선택자, jQuery 선택자 ) jQuery 요소 조작 (추가 , 복사, 삭제) jQuery jQuery란? Java Script 언어를 간편하게 사용할 수 있도록 만든 오픈 소스 기반의 Java Script 라이브러리. 고로 JS 파일로 존재한다. 당연히 HTML, CSS, JS에 대한 지식이 있어야 활용이 가능하다. 웹 페이지에서 jQuery를 사용하려면 jQuery파일을 먼저 웹 페이지에 Load 해야 한다. ( CDN(Content Delivery Network)을 이.. 2022. 9. 28.
9/27 Java Script로 단어 맞추기 게임 만들기, 1차 프로젝트 진행 환경 설정 AWS 클라우드환경 네이티브 수업 89일차 진행 1. Java Script로 단어 맞추기 게임 만들기 2. 1차 프로젝트 진행 환경 설정 요약 1. Java Script로 단어 맞추기 게임 만들기 Java Script로 단어 맞추기 게임 만들기 문제로 낼 파일 - words.js var words = [ "java", "blight","kerfuffle","development", "script", "interface", "library", "document ", "handling", "event", "animation", "much", "simpler", "across", "multitude", "combination", "application", "manipulation", "extensibility.. 2022. 9. 27.
9/26 1차 프로젝트 진행, Java Script 수업 조금 AWS 클라우드환경 네이티브 수업 88일차 진행 1. 1차 프로젝트 진행 환경 설정 2. Java Script 수업 진행 조금 요약 1. Java Script (블로그 내 JS 게시판 참고) 2022. 9. 26.
9/23 1차 프로젝트 진행 관련 회의 + 깃허브 개인 공부 AWS 클라우드환경 네이티브 수업 87일차 진행 1. 1차 프로젝트 진행 관련 회의 요약 1. 1차 프로젝트 진행 관련 회의 + 깃허브 개인 공부 2022. 9. 23.
(미완) 9/22 Bootstrap 프레임워크로 웹페이지 만들어보기 AWS 클라우드환경 네이티브 수업 86일차 진행 1. Bootstrap 프레임워크로 웹페이지 만들어보기 요약 1. Bootstrap 프레임워크로 웹페이지 만들어보기 2022. 9. 22.
(미완) 9/21 Bootstrap 프레임워크 AWS 클라우드환경 네이티브 수업 85일차 진행 1. Bootstrap 프레임워크 요약 1. Bootstrap 프레임워크 ※참고 - glyphicon 입력폼(form) (input-group, checkbox / radio / select ) 부트스트랩에서 제공하는 독자적 입력 요소 ( btn-group, dropdown) 네비게이션 (nav-tabs ) 다이어로그 (modal-dialog) ※참고 - glyphicon 부트스트랩 사이트에서 컴포넌트를 클릭하면 기본적으로 제공하는 기본 아이콘들이 있다. 아래의 예처럼 아이콘 아래에 있는 구문을 class 속성에 추가하면 해당 아이콘을 사용할 수 있다. 5. 입력폼(form) input-group 라벨과 입력창이 하나로 그룹핑 되어서 표시되게 하고 싶을 때.. 2022. 9. 21.
728x90
반응형

티스토리툴바