profile
친숙한 개발자가 되고픈 사람

[수업 6월 5주 2일차] React-3

오늘도 이어서 간단한 실습을 해나갔다.위처럼 적어 주었던 것을 좀더 간결하게 적고, 폴더를 components라고 따로 만들어 해당하는 js파일들을 만들어서 코드를 수정했다.leng에 대한 클래스 부분을 전부 파일을 따로 만들어 삭제하거나 단순히 변수로 만들어 주었다.

약 19시간 전
·
0개의 댓글

[수업 6월 5주 1일차] React-2

이어서 React 실습을 했다.그런데 저렇게 적으면 버튼 이벤트가 발생하지 않는다. 그래서 따로 컴포넌트를 이용해 아래와 같이 써야 한다.컴포넌트 만들시 주의사항• 컴포넌트 이름은 반드시 대문자로 시작• 컴포넌트와 일반 HTML 태그를 구별하는 방법은 태그가 대문자로

1일 전
·
0개의 댓글

[수업 6월 4주 5일차] React-1

오늘은 리엑트에 대해 배워보았다.프런트엔드 프레임워크 중 하나이다.일단 설치부터 시작하고, 코드작성은 VsCode로 진행했다.그럼 폴더가 생성됨과 동시에 여러가지 파일이 설치 되는 것을 볼수 있다. 그런데 html파일을 live server로 하면 뭐가 나올법도 한데

5일 전
·
0개의 댓글

[수업 6월 4주 4일차] JQuery-4

css 제어• jQuery는 태그의 css를 제어할 수 있는 함수를 제공• addClass : css class를 설정• removeClass : css class를 제거• toggleClass : 지정된 클래스가 없으면 설정하고 있으면 제거• css : css 속성을

6일 전
·
0개의 댓글

[수업 6월 4주 3일차] JQuery-3

오늘은 form태그 선택자에 대해 배워 보았다.Form 태그 선택자• Form 태그 내부의 입력에 관련된 태그들에 대한 선택자• :input : 모든 입력에 관련된 태그들을 선택• :text : type 속성이 text인 input 태그를 선택• :password :

7일 전
·
0개의 댓글

[수업 6월 4주 2일차] JQuery-2

오늘도 어제에 이어 JQuery에 대해 배워보았다.onload와 ready와의 차이점은 onload는 덮어 씌워지고, ready는 작성한 만큼 나온다.자바스크립트에 비해 html에 있는 태그들을 선택할때 길게 적어 줄 필요가 없다.원래라면 document.querySe

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

[수업 6월 4주 1일차] JQuery-1

오늘은 제이쿼리를 배워보기로 했다.모든 브라우저에서 실행되는 클라이언트 프로그래밍 언어존 레식이 2006년도 뉴욕시 바 캠프에서 공식적으로 소개간략, 강력하게 사용할 수 있도록 설계가장 인기있는 JavaScript 라이브러리주요 기능CSS 셀렉터를 활용한 태그 접근이벤

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

[수업 6월 3주 5일차] Javascript-9

오늘은 배운것을 토대로 캐러셀 등 만들어 보는 실습 시간을 가졌다..bind는 다른 컨테이너끼리 연결한다는 뜻이다.넘어가는 컨테이너를 연결한다는 의미인듯.더 정확한 설명은 아래 링크로 확인했다.출처: https://webisfree.com/2021-04-24/

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

[수업 6월 3주 4일차] Javascript-8

어제에 이어 DOM 관련 실습을 해보았다..createTextNode 는 선택한 요소에 택스트를 추가한다.는 는 My Text라는 문자열을 만든다.form관련 내용도 배웠다.form자체에 name을 설정하면 querySeletor로 접근 하지 않고, 바로 documen

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

[수업 6월 3주 3일차] Javascript-7

오늘은 array 객체에 대해 좀 더 배워보았다.배열 객체는 같은 자료를 담는 자료 구조중 하나이다.형태는 위와 같다.객체로 할때는 ()로 한다.둘 이상의 배열을 연결하는 concat()함수가 있다. 입력값을 문자열 대신 배열을 사용하여 두개의 배열을 하나의 배열로

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

[수업 6월 3주 2일차] Javascript-6

오늘은 이벤트에 대해 배워보았다.웹 브라우저나 사용자가 행하는 동작사용자가 웹 문서 영역을 벗어나 하는 동작은 이벤트가 아님.이벤트 처리기 이벤트가 발생했을 때 어떤 함수를 실행할지 알려줌태그 안에서 이벤트를 처리 할 때는 "on" + "이벤트명" 사용(예, 클릭하면

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

[수업 6월 3주 1일차] Javascript-5

오늘은 함수와 이벤트에 대해 배웠다.함수는 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차이다. 함수를 사용하려면 함수를 호출하고자 하는 범위 내에서 함수를 정의해야만 한다.함수를 사용하면 좋은점각 명령의 시작과 끝을 명확하게 구별할 수 있다.함수에

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

[수업 6월 2주 4일차] Javascript-4

while문과 for 중첩문을 배워보았다.while문은 조건이 충족될때 까지 반복되고, for문은 조건문이 맞고, 반복회수까지 반복하는 것을 말한다.()안에 조건문에 해당하면 ture가 되어 반복문이 진행되고, false가 되면 반복문이 진행되지 않는다.i = i+1;

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

[수업 6월 2주 3일차] Javascript-3

배열: 여러 자료를 묶어서 활용할 수 있는 자료들요소 Element을 하면 순서는 첫번째가 '0'부터 시작하므로, '273'이 출력된다.이렇게 해당 순서의 데이터를 출력해도 된다.그럼 '3'이 된다. 그러나 배열 순서인 숫자만 출력되기 때문에 자료 자체를 보여줄려면입력

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

[수업 6월 2주 2일차] Javascript-2

이어서 javascript를 해보았다.문자열과 식별자.라고 치면 this is 'string'이라 보여진다.또한 "안녕하세요"라는 배열이 있으면 컴퓨터는 '0'부터 시작해서 순서가 시작된다.length는 배열의 갯수를 나타내 주는 명령어다.'=='는 값이 같다는 것.

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

[수업 6월 2주 1일차] - Javascript-1

오늘부터 Javascript로 진도를 넘어갔다.프론트엔드 부분에서 필수적으로 배워야 된다는 소개가 이어졌다.프론트엔드웹브라우저 화면에 보이는 부분을 다룸 -> 웹 사이트 제작HTML, CSS, 자바스크립트 사용백엔드 개발사용자 뒤(back)에서 보이지 않는 영역, 즉

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

[수업 5월 5주 5일차] 워드프레스 사용-2

오늘도 어제에 이어 워드프레스에 대해 좀더 배워보았다.한국에서 많이 사용하는 게시판 만들기:플러그인 설치후 관련 홈페이지에서 플러그인 별도 설치 후 추가해야 함. (댓글, 게시판 파일 둘다 설치 필요)그럼 아래와 같이 지정한 페이지에 게시판이 생성된 것을 알수 있다.추

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

[수업 5월 5주 4일차] 워드프레스 사용

오늘은 엊그제 궁금해 했던 워드프레스를 사용하는 방법에 대해 배워 보았다.우선 어제 만든 내 도메인 주소로 들어가 utl 뒤에 wp-admin이라 치면 워드프레스 관련 작업자 관리 모드로 들어가는데 로그인을 하면 아래와 같은 사이트로 이동한다.홈페이지를 바꾸거나 새 게

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

[수업 5월 5주 2일차] 도메인 설정

오늘은 내가 만든 웹페이지를 도메인 주소를 받아 서버에 올리는 것을 해 보았다.그전에 서버에 대한 설명과 서버 구출에 대한 이야길 들었다.서버 운영하기WAS(Web Application Server)Web Server + Web Container프로그램 실행 환경과 D

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

[수업 5월 5주 1일차] Bootstrap-2

이어서 부트스트랩을 통해 html을 작성해 보는 시간을 가졌다.어제와 같이 스타일을 적용하고 싶은 태그에 관련 스타일이 적용된 클래스 명을 입력해 주면 된다.화면의 해상도에 따라(반응형) 스타일을 다르게 주고 싶다면 해당 레이아웃이 적용된 클래스 명을 -sm등을 추가하

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