코딩물고기

1일 1패턴 - 영어회화 I'm ready to go - 갈 준비 됐어 I'm ready to have fun - 즐길 준비 됐어 I'm ready to settle down - 정착할 준비 됐어 I'm ready to go back to school - 학교로 돌아갈 준비됐어 I'm ready to give the presentation - 발표할 준비됐어 I'm not ready to do that - 아직 준비가 안됐어 I'm not ready to be a dad yet. - 아빠가 될 준비가 안됐어 I'm ready to order - 주문할 준비됐어 I'm ready to fight - 싸울 준비 됐어 I'm ready to jump - 뛸 준비됐어 I'm ready to ask her out..

AngularJS - 자바스크립트 기반의 오픈 소스 프론트엔드 웹 애플리케이션프레임워크의 하나 - client 측 MVC/MVVM 프레임워크로 모던 단일 페이지 웹 애플리케이션 ng-app : AngularaJS 어플리케이션을 정의 ng-model : HTML이 컨트롤하는 입력요소의 값을 어플리케이션 데이터로 지시자 ng-bind에 연결 ng-bind : 어플리케이션 데이터를 연결해 HTML에 보여줌 - AngularJS Directives(앵귤러JS 지시자) 지시자 : HTML 속성 중 접두사로 ng를 사용하는 것이다 ng-init 지시자는 AngularJS 어플리케이션 변수를 초기화한다. - html의 유효성검사는 요소에 지정된 속성이외의 다른 속성을 쓰려면 data를 작성해야 오류가 없다 - 위에 ..

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 38. 형제 요소 선택 함수 * 형제 관계의 개요 - 같은 부모를 가지고, 특정 요소와 동일한 단계에 위치하는 모든 요소들 * siblings() - 특정 요소와 형제 관계에 있는 모든 요소 반환 $(document).ready(function(){ $("h4").siblings(); }); * next() - 특정 요소 바로 다음에 오는 형제 요소 반환 $(document).ready(function(){ $("h4").next(); }); * nextAll() - 특정 요소 다음에 오는 모든 형제 요소 반환 $(document).ready(function(){ $("h3").nextAll(); }); * nextUntil() - ..

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 37. 요소 간의 관계 * 관계의 요소 - html의 요소 간의 관계를 말함 - 요소들의 관계에는 조상, 자손, 형제가 있음 1. 조상 : 부모, 조부모, 증조부모 2. 자손 : 자식, 손자, 증손자 3. 형제 : 같은 부모 요소를 가진 모든 요소 * parent() - 특정 요소의 바로 위의 부모 요소 - 부모 요소는 단 하나임 $(document).ready(function(){ $("li").parent(); }); * parents() - 특정 요소부터 루트까지의 모든 요소에서 검색 $(document).ready(function(){ $("li").parents(); }); * parentUntil() - 선택된 두 요소 사..

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 36. animation * animation 관련 메소드 - 요소의 스타일을 변경해 마치 요소가 움직이는 것처럼 보이게 함 - 요소의 크기나 배경색, 글자의 폰트 등 다양한 속성값을 변경 할 수 있음 $("요소").animation({변경할 스타일}); * animation() 이용해 글자 이동 및 커지는 효과 - 이벤트를 발생시킬 버튼과 애니메이션이 적용될 문장을 생성하고 문장의 position 속성의 기본값을 지정함 animation 방가워! - 버튼을 클릭할 때마다 오른쪽으로 50px만큼 움직이고, 글자가 2em만큼 커지는 코드블록을 작성함 $(document).ready(function(){ $("button").click(..

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 35. slide와 fade * slide() 메소드 - slideUp() : 요소 영역을 위로 올림 - slideDown() : 요소 영역을 아래로 내림 $("요소").slideUp(); $("요소").slideDown(); * fade() 메소드 - fadeIn() : 요소 영역이 나타나게 함 - fadeOut() : 요소 영역이 사라지게 함 $("요소").fadeIn(); $("요소").fadeOut(); * slideUp()과 slideDown()메소드 이용 효과 - 이벤트를 발생시킬 버튼과 슬라이드 될 문장을 정의 위로 아래로 안녕! - 문장이 올라가고 내려가는 코드 블록을 정의한다 $(document).ready(funct..