본문 바로가기

전체 글669

자바스크립트 + 제이쿼리 입문 day 8 자바스크립트 + 제이쿼리 입문 day 8 setInterval을 통해 올라가는 상태바 구현하기 slide를 구현해보기 버튼이 펼쳐지도록 한다 ! let idx = $(this).index(); $('header li').find('div').slideUp(); $('header li').eq(idx).find('div').slideDown(); slide toggle을 구현하기 FAQ 1 FAQ 답변 FAQ 2 FAQ 답변 전체 코드 2023. 1. 6.
kosta 클라우드 네이티브 애플리케이션 개발 과정 day 14 kosta 클라우드 네이티브 애플리케이션 개발 과정 day 14 지난 시간 복습 ! 오버라이딩 overriding - 상속 관계 -> 왜 하느냐? 부모 클래스의 메서드를 자식 클래스에서 다시 재정의 ! -> 왜? 내게 적합하지 않기 때문에 - 원칙 : 부모 메서드 시그니처는 일치해야 한다 ! -> 자바의 다형성을 표현한다 ! public class Dog{ private String name; public void bark(); } public class BorderCollie extends Dog { @Override public void bark(){ sout("왈왈!") } } public class Yorkshire extends Dog { @Override public void bark(){ s.. 2023. 1. 6.
[독서 기록] 모던 자바 인 액션 3장 람다 표현식 모던 자바 인 액션 3장 람다 표현식 람다 표현식은 파라미터, 화살표, 바디로 이루어진다. (Apple a1, Apple a2) -> a1.getWeight().compareTo(a2.getWeight()); 람다 파라미터 / 화살표 / 람다 바디 - 89p 여러가지 람다 표현식 (String s) -> s.lenght() // String 형식의 파라미터 하나를 가지며 int를 반환한다. (Apple a) -> a.getWeight() > 150 // Apple 형식의 파라미터 하나를 가지면 boolean을 반환한다. (int x, int y) -> { System.out.prinln(x + y); } // int 형식의 파라미터 두 개를 가지며 리턴값이 없다. () -> 45 // 파라미터가 없으며 .. 2023. 1. 6.
kosta 클라우드 네이티브 애플리케이션 개발 과정 day 13 kosta 클라우드 네이티브 애플리케이션 개발 과정 day 13 인성교육 에티켓 vs 매너 사람의 첫인상이 판단되는 순서 : 시각 -> 청각 -> 언어(능력, 지식 등) 첫 인상은 0.1초 안에 결정된다! 하지만... 시간이 지날수록 언어 -> 청각 -> 시각이 중요 인사 => 인사는 부족한 것보다 지나친 것이 낫다 (톨스토이) - 목례 :15도 - 보통례 : 30도 - 정중례 : 45도 신입은 1년 내내 정중례 ! 명함 !!! 내 이름이 보이게 건네준다 명함 지갑 마련하면 좋다 특이점을 기록해둘 것 받자마자 주머니에 ㄴㄴ 악수 => 윗사람이 먼저, 고개 숙이기 ㄴㄴ, 두손 잡기 ㄴㄴ, 두 눈을 보면서 상석에 대해서 엘레베이터, 자동차, 기차 회의실 = 상견례 협력 게임 ! 언어 i message 배려 화술 2023. 1. 5.
자바스크립트 + 제이쿼리 입문 day 7 자바스크립트 + 제이쿼리 입문 day 7 jquery 사용하는 법 jquery.com > download > cdn > google cdn 에서 스니펫 복사하여 붙여넣기 스크립트에서 사용하기 => 달러 표시 만약에 cdn을 호출하지 않았다면 콘솔창에서 $를 인식하지 못하는 에러를 띄운다. jquery 에서 css를 사용하는 법 eq : nth of = 형제 요소들 중에서 몇 번째를 선택할 것인지 .eq(0).css('color', 'red') // .을 이어서 사용 가능 : 앞전 것들이 3개가 존재 .eq(1).css('color', 'green') // 여기서 다시 .을 쓰면 이번에는 하나만 존재 => 선택자가 3개에서 한 개로 바뀐 상황임 last-child last 둘다 가능 $('div > p:l.. 2023. 1. 4.

티스토리툴바