Code-Jaram blog

React_01_JSX문법 리액트: 자바스크립트 라이브러리. 사용자 인터페이스를 만들기 위해 사용 자바스크립트의 단점 html과 js의 분리감→jsx로 html과 js문서 통합 직관적이지만 너무 긴 자바스크립트 문법 새 페이지를 들어갈 때마다 새로고침→Single Page Application(SPA)으로 개선 2. 라이브러리vs프레임워크 라이브러리: 이미 만들어놓은 기능을 사용하는 것 -버전이 업데이트되더라도 이전 버전과 호환이 잘 됨 프레임워크: 제공된 틀 안에 들어가서 주어진 규칙을 지켜 사용하는 것 3. 리액트의 역사: 페이스북 엔지니어 Jordan Walke가 개발 -원활한 커뮤니티가 형성되어 다양한 문서 제공 -React Native로 모바일 애플리케이션 제작가능 [환경구축] ◎Node JS:..

Element 조작 메소드 prepend(): 대상 태그 안에서 앞에 추가 append():대상 태그 안에서 뒤에 추가 after(): 대상 태그 뒤에 추가 2. Element 접근 메소드 [실습1]입력값에 따라 관련 이미지 출력하기 3. 애니메이션 효과: animate({css 속성: 값}), 애니메이션 실행시간, 이징종류); -애니메이션 실행시간: ms(밀리세컨드) 단위 예)1초=1000; -이징(easing): 애니메이션 효과의 변화 속도 [AJAX] AJAX(Asynchronous JavaScript and XML) -필요한 데이터만 웹서버에 요청해서 받은 후 -비동기 통신: 요청을 처리하는 중에도 다른 작업 처리 가능 -동기 통신: client가 서버에 요청하고 서버의 응답이 올 때까지 다른 작..

머신러닝: 데이터를 기반으로 컴퓨터에게 학습시켜 예측하게 만드는 기법 -인공지능의 한 분야로 컴퓨터가 학습할 수 있도록 알고리즘 기술을 개발하는 분야 - 통계학, 데이터마이닝, 컴퓨터 과학이 어우러진 분야 2. 머신러닝의 역사: 암호해독가 앨런 튜링이 1950년에 ‘기계도 생각할 수 있을까?’ 논문발표 튜링테스트: 컴퓨터가 지능이 있는지 판별하는 시험 규칙 기반 전문가 시스템: if와 else로 하드코딩된 명령을 사용하는 시스템 -많은 상황에 대한 규칙들을 모두 만들어낼 수 없음 -제작한 로직이 특정작업에만 국한, 작업이 조금만 변경되면 전체 시스템을 변경해야 함 -규칙을 설계하려면 해당 분야에 대해서 잘 알고 있어야 함 3. 머신러닝: 데이터를 이용하여 스스로 특성과 패턴을 찾아 학습하고 예측 4. 머..

jQuery: 자바스크립트를 간편하게 사용할 수 있도록 고안된 라이브러리 2. jQuery 불러오기(import) 1)jQuery 다운로드 jQuery 홈페이지: https://jquery.com/ jQuery 다운로드: jQuery 3.7.0(compressed version) 우측마우스- 다른 이름으로 저장-JavaScript workspace 폴더에 다운로드 태그에 태그 만들어서 src에서 파일 상대경로 작성하기 2)CDN 활용하여 사용하기 jQuery 다운로드 클릭 Using jQuery with a CDN 찾기 https://releases.jquery.com/ 방문 jQuery Core 3.7.0(min version) 소스코드 복사하여 태그 내에 붙여넣기 3. jQuery 문법: $(태그명 ..

기초통계_01 통계: 데이터를 요약해 만든 정보를 바탕으로 데이터 속에 있는 차이를 확인하는 것 -데이터 요약은 큰 틀에서 보고 데이터의 특징을 숫자로 표현하여 그 속에서 차이를 확인하는 것이 중요 2. 빅데이터: 디지털 환경에서 생성되는 수치, 문자, 이미지, 영상데이터를 포함하는 대규모 데이터 -규모(Volume)/속도(Velocity)/다양성(Variety)/정확성(Veracity)/가치(Value) 3. 자료의 종류 *data: datum의 복수형 양적 자료: 수치로 표현할 수 있는 자료 -이산형자료(정수형) 예) 자녀 수 등 -연속형 자료(실수형) 예)키, 무게 등 질적자료: 수치로 표현할 수 없는 자료 예)이름, 직업, 거주지 등 4. 모집단과 표본집단 모집단: 연구목적을 달성하기 위해 통계적..

함수 1)함수 선언식: 함수명으로 호출 함수 선언 function 함수명(매개변수1, 매개변수 2…) { 실행문; return; } 함수 호출: 함수명(인수1, 인수2…); -return값이 있는 경우 함수 호출하여 console.log로 출력 -return값이 없는 경우 함수만 호출 2)함수 표현식: 함수명이 없는 익명함수, 변수를 통해 함수 호출 함수 선언 변수키워드 변수명=function(매개변수1, 매개변수2…){ 실행문 return; } 함수 호출: 변수명(인수1, 인수2…) [실습] 2. 백틱(``): 문자열과 변수명을 함께 출력하기 위한 도구 변수 출력 -` `안에 문자열과 변수 작성 -템플릿 문자열: ${변수명} 멀티라인(개행): 문자열 입력 시 Enter로 개행하면 반영됨 3. 함수 호이..

JS_02_배열 배열: 여러 개의 데이터를 하나의 묶음으로 관리하는 자료구조 인덱스와 인덱스에 대응하는 데이터로 이루어진 구조(인덱스 0부터 시작) 배열의 크기를 지정하더라도 값을 추가하면 자동으로 공간 할당 배열에 서로 다른 타입의 데이터를 저장할 수 있음 2. 배열의 선언 및 생성 1)배열의 선언방식 변수 키워드 배열명=[] 변수 키워드 배열명=new Array(); 2)배열의 생성방식 배열명=[값1, 값2, 값3…] 배열명=new Array(값1, 값2, 값3…) 3. 배열의 크기 확인: 배열명.length 4. 배열의 반복문 1)for문: for(시작값, 끝값, 증가값){실행문} 2)for of문: for(변수명 of 배열명){실행문} 3)forEach문: 배열명.forEach((매개변수)=>{실..

JS_01_자바스크립트 기초 1. JavaScript: 웹페이지를 동적으로 프로그래밍적으로 제어하기 위해 만들어진 언어 - 활용분야: 웹프로그래밍(Back-End, Front-End) APP, DB, 머신러닝/딥러닝, AR/VR 2. JavaScript의 특징 모든 웹브라우저에서 동작함 웹브라우저에서 실행결과를 즉시 확인 가능 다양한 용도의 프로그램 개발 다양한 자바스크립트 공개 API 다양한 라이브러리와 프레임워크 3. JavaScript 사용하기: 태그 위에 태그 만들기 [실습1] 태그 사용하여 스타일 적용하기 태그 안에 태그로 함수 만들기 -html 태그에 style 적용하는 방법: document.querySelector(‘태그명’).style. -배경색, 글자색 변경하는 함수 -원래대로 되돌리는..

JSP_11_FrontController 패턴 [FrontController 패턴] 필요한 이유 파일마다 중복되는 코드 예)한글 인코딩, 세션 객체 선언 기능마다 파일이 만들어서 개발이 복잡함 Servlet의 용량이 크고, 같은 기능의 반복으로 효율성 저하 →클라이언트의 다양한 요청을 한 곳으로 집중시켜 개발 및 유지보수의 효율성 극대화 [실습] FrontController 만들기: init, service 메소드 체크 init: 처음으로 실행되는 메소드, 초기화 메소드 2. controller로 연결하는 부분에서 파일경로에 .do 추가하기 main에서 controller 경로 뒤에 .do 추가하기 update에서 controller 경로 뒤에 .do 추가하기 ShowMember에서 controller ..

JSP_10_게시판 기능 [환경설정] 파일업로드하는 라이브러리 cos.jar(2020.4) pom.xml에 추가하기 [게시판 실습] 게시글 등록하기 [BoardWrite.jsp]BoardWriteController로 title, writer, filename, content 보내기 [BoardDTO]에서 필드와 생성자 만들기 필드: title, writer, filename, content, b_date 생성자: @Getter, @AllArgsConstructor//전체 생성자 @NoArgsConstructor //기본생성자, @RequiredArgsConstructor //필요생성자 [BoardDAO]에서 upload 메소드 만들기 연결하기: sqlSessionFactory.opensession(tru..