[생활코딩] 1강. jQuery란?

라이브러리(library)란? 자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드들 추상화시켜서 다른 사람이 사용할 수 있도록 만든 것 jQuery 란? 엘리먼트 틀을 선택하는 강력한 방법과 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는 //html,js 등.. 자바스크립트 라이브러리 Hello world - 첫번째 jQuery 사용방법 직접 서비스 하는 경우 http://jquery.org 에서 jquery 소스코드를 다운로드 한다. https://code.jquery.com/jquery-3.4.1.min.js 다운로드 후 src=""속성값으로 전달 2. 위의 파일을 서버에 업로드 한 후 웹페이지 안에서 자바스크립트를 삽입한다. 2. 구글의 ..

• format_list_bulleted jQuery
• · 2021. 1. 24.
• textsms

[ React Layout ] - flex direction & align

styles option flexDirection : VIew 에서 자식요소의 나열 방향을 작성, 기본은 "column 으로 세로 방향 으로 자식요소들을 나열 하며, "row"는 가로 방향이다. developer.mozilla.org/ko/docs/Web/CSS/flex-direction alignItems : flexDirection row 를 기준으로 자식요소들을 나열시, flex-start(좌측끝), center, flex-end(우측끝), stretch(늘이기) developer.mozilla.org/en-US/docs/Web/CSS/align-items justifyContent : flexDirection row 를 기준으로 자식요소들을 나열시, flex-start, center, flex-e..

• format_list_bulleted 카테고리 없음
• · 2021. 1. 8.
• textsms

[ 생활 코딩 - react ] (4) JS 코딩하는 법 / CSS 수정 / 배포(build, 서비스 시 용량 줄이기)

[ JS 코딩하는 법 ] 1. Visual Studio Code를 연 후 [File] - [Open Folder] - [리엑트 개발환경이 구축된 폴더] 를 열어준다. 2. 해당 폴더를 열고 왼쪽 상단에 종이 두장이 그려진 카테고리를 누르면 다음과 같이 디렉토리가 나온다. 여기서 public이라는 폴더는 index.html이 있는 곳이다. index.html은 저번 시간에 서버를 돌렸을 때 웹브라우저에 뜨는 페이지이다. 3. index.html에서 볼 부분은 31번째 이다. 편집기에서는 이게 끝이지만 서버를 실행 후 브라우저에서 F12를 누르고 Elements 부분에서 다음 부분을 확인하면 APP이라는 부분이 들어가 있는 것을 확인할 수 있다. 이 부분은 public폴더와 같은 위치인 src 폴더의 소스에..

• format_list_bulleted 생활코딩
• · 2020. 12. 28.
• textsms