post-thumbnail

React _ 01

프런트 엔드에서 현재 가장 있는 있는 프레임워크 라이브러리.JSX 문법을 사용한다. JSX는 자바스크립트 안에서 HTML 문법을 사용해서 view를 구성할 수 있게 도와주는 자바스크립트 문법.Component 기반컴포넌트 기반이라 함은 기존의 웹 페이지를 작성할 때

어제
·
0개의 댓글
post-thumbnail

jQuery & Ajax

jQuery 에서 함수를 이해하기 위해서는 기본적인 CSS선택자들에 대해 이해가 필요하며, css를 제어하고 태그를 탐색하고 선택하기 위해서는 DOM tree에 대해서 알고 있어야 한다.문서 객체 모델(DOM)에 따르면, 모든 HTML 태그는 객체입니다. 태그 하나가

2일 전
·
0개의 댓글
post-thumbnail

jQuery_03

HTML문서에서 주로 사용되는 form 태그와 input태그에 javascript 함수를 활용하여 동적인 효과를 줄 수 있는 선택자에 관한 수업이 진행되었고 어제와 마찬가지고 실습 위주의 수업이 이루어졌다. form tag에서 사용할 수 있는 선택자• :text : t

3일 전
·
0개의 댓글
post-thumbnail

jQuery_02

1) jQuery 함수jQuery(객체) 형태로 작성하지만 jQuery 6글자 대신에 $(객체)로 작성할 수도 있다.JavaScript 객체에 jQuery에서 정의한 멤버를 추 가하여 반환하는 함수jQuery 함수를 사용시 사용되는 선택자ㄱ. 기본선택자ㄴ. 기본 선

4일 전
·
0개의 댓글
post-thumbnail

jQuery_01

1) 개념모든 브라우저에서 실행되는 클라이언트 프로그래밍 언어간략하고 강력하게 사용할 수 있도록 설계가 되어있다. 가장 인기있는 Javascript 라이브러리jQuery를 사용하기 위해서는 여러가지 개발환경이 구성되어야 한다. ㄱ. JDK설치 http://ja

5일 전
·
0개의 댓글
post-thumbnail

javascript_08

그 동안 배웠던 Html, CSS, javascript를 이용하여 여러가지 페이지를 완성해보았다.결과물 그동안 Javscript를 배우면서 개념이들나 용어들에 대해 모래위에 성을 올리는 느낌이었다. 완전히 이해하기 보다는 수업을 따라가기에 바빴고 코드를 작성하기 급급

2022년 6월 17일
·
0개의 댓글
post-thumbnail

javascript_07

DOM을 이용하여 javascript 문서를 작성하고 간단한 기능을 구현하였다.1) 실습 1 : 참가 신청서에 이름을 넣으면 하단에 출력이 되고 "x"를 누르면 삭제할 수 있는 기능Js 코드}결과값 : Dom의 개념과 자바스크립에서 DOM이 어떻게 작용하는지에 대한 개

2022년 6월 16일
·
0개의 댓글
post-thumbnail

javascript_06

전통적으로 배열과 리스트에는 차이가 존재한다.배열이란 어느 한 공간에 연속된 공간을 할당된다. 중간에 데이터가 사라진다 하더라도 그 공간이 줄어들지 않는다. 즉, 배열전체를 사용하는 동안에는 그 공간이 유지가 된다.리스트란 배열과 달리 데이터 늘어났다 줄었다 하면 리스

2022년 6월 15일
·
0개의 댓글

javascript_05

1. 수업내용 event : Html 문서안에 body 영역 일어나는 것! 사건,어떤일이 일어났을 때 어떤 명령이 실행되도록 하는 것이다. event 처리기 : 이벤트가 발생했을 때 어떤 함수를 실행할지를 알려줌 태그 안에서 이벤트를 처리 할

2022년 6월 14일
·
0개의 댓글
post-thumbnail

javascript_04

1. 수업내용 function 1) 변수 예약어 ㄱ. var : 선언하는 위치에 따라 지역변수 / 전역변수로 됨 호이스팅의 문제가 있음 ** 호이스팅이란(hositiong)? : 선언을 하지 않았는데

2022년 6월 13일
·
0개의 댓글
post-thumbnail

javascript_03

1) array (배열)여러 자료들을 묶어서 활용할 수 있는 자료들element (요소).push : .push("추가").splice :.splice( 인덱스,제거갯수).indexOf : 인덱스 요소에 대해 알려줌2) 반복문 for 문 : 정해진 횟수만큼 반복을 할때

2022년 6월 9일
·
0개의 댓글
post-thumbnail

javascript_02

자료형 1) 문자열과 식별자인덱스 : 0부터 시작.length : 글자의 길이값을 여러가지2) 불리언(boolean) : 참(true)과 거짓(false)을 나타내는 데 사용== : 값이 같다=== : 자료형이 같다.\*\* 주로 === 를 많이 사용<= : 작

2022년 6월 8일
·
0개의 댓글
post-thumbnail

javascript

프런트엔드 개발웹 브라우저 화면에 보이는 부분 -> 웹 사이트 제작html,css,javascript 사용공부해야할 기술 \-- 다양한 라이브러리 사용 : 제이쿼리, D3,Js,부트스트랩 등 \-- 프레이임워크: 리엑트, 앵귤러, 뷰 등본격적인 프론트엔드의 개발인

2022년 6월 7일
·
0개의 댓글
post-thumbnail

워드프레스_유형별 사이트 만들기

지난시간에 이어 워드프레스를 활용하여 다양한 웹사이를 만드는 수업이 진행되었다.1) 워드프레스에서 테마 이용하기 한글판 기준 외모메뉴에서 워드프레스가 제공하는 테마를 활성화시켜 사용할 수 있지만 다른 사이트에서 받은 테마는 파일질라에서 html-> wp-content

2022년 6월 3일
·
0개의 댓글
post-thumbnail

워드프레스

1) dochome에서 무료웹호스팅 받은 주소로 들어간 후 개인주소.co.kr/wp-admin으로 접속2) 관리자로 로그인\*\* 이때 본인이 호스팅신청할때 설정한 CMC비밀번호가 관리자 비밀번호3) 워드프레스의 글작성 방법지난 수업 때 기존에 사용하던 무료호스팅받았

2022년 6월 2일
·
0개의 댓글
post-thumbnail

워드프레스 & 웹호스팅

무료호스팅 닷홈 사이트 활용파일질라에서 다운로드 및 웹서버에 업로드워드프레스주로 실습보다는 무료호스팅 사이트에 가입을 하고 파일질라에 로콜서버에 있던 파일을 웹서버에 업로드 하는 방법에 대한 이론수업과 워드프레스 사용을 위한 환경설정을 하였다. \-dochome에 가입

2022년 5월 31일
·
0개의 댓글
post-thumbnail

Bootstrap_02

지난 시간에 다루었던 수업에 이어 Bootstrap을 활용하여 다양한 클래스를 적용하여 html 파일을 작성해 보았다. 페이지-01페이지-021) 페이지-01에서 강사님과 다르게 TITLE HEADING 영역 배치가 되었다.<article> 영역을 나누어

2022년 5월 30일
·
0개의 댓글
post-thumbnail

Bootstrap_01

프론트앤드 공부를 시작하면서 가장 많이 들었던 단어인 프레임워크와 부트스트랩에 대한 강의를 들었다. 단어는 들어는 봤지만 라이브러리가 뭔지 프레임워크가 뭔지 부트스트랩은 html, css 에서 어떻게 쓰이는 알지 못하였다. 그래서 가장 기대되었던 부분이였다. 개념

2022년 5월 27일
·
0개의 댓글
post-thumbnail

CatBlog_03 & 사용자 지정 CSS

1) Cat_Blog Css 추가 모바일 화면으로 작성된 페이지에 @media quary를 이용하여 데스탑 화면으로 보일때 다른 스타일로 보이도록 했다. (1) 모바일 버전 화면(2) PC화면 2) CSS에서 적용할 수 있는 사용자 지정반복적으로 사용되는 스타일을

2022년 5월 26일
·
0개의 댓글
post-thumbnail

Onepage & Cat bolg

position 속성 : 기존에 position 속성에 대해 알지 못하고 사용하였는데 자주 반복하고 쓰다보니 활용 방법에 대해 익숙해졌다. 정적 위치(static position) 지정 방식 => 기본값상대 위치(relative position) 지정 방식 고정

2022년 5월 25일
·
0개의 댓글