티스토리

수프로
검색하기

블로그 홈

수프로

suprogrammers.tistory.com/m

숲로 님의 블로그입니다.

구독자
0
방명록 방문하기

주요 글 목록

  • [Day-36] 자바스크립트④ chap 124. 노드 추가/삭제하기 구분메서드설명노드 생성createElement()요소 노드를 생성합니다.createTextNode()텍스트 노드를 생성합니다.createAttribute()속성 노드를 생성합니다.노드 연결.appendChild()기준 노드에 자식 노드를 연결합니다..setAttributeNode()기준 노드에 속성 노드를 연결합니다.노드 삭제.removeChild()부모 노드에 연결된 자식 노드를 삭제합니다.p나 a 삭제하는 거  5. 폼 조작하기1) form 태그 선택하기 ● forms 속성 사용하기document 객체의 forms 속성은 모든 form 태그의 노드 정보를 HTMLCollection 객체에 담아 반환합니다.  form 태그를 참조하는 HTMLCollection 객체.. 공감수 0 댓글수 0 2023. 2. 13.
  • [Day- 35] JavaScript③ 객체 다루기 chap11. 자바스크립트 객체 다루기  2. 객체 속성 다루기 1) 객체 속성에 접근하기 ● 대괄호 연산자로 접근하기대괄호 연산자는 []를 사용해 객체의 속성에 접근하는 방법으로, 배열에서도 사용할 수 있습니다.객체의 속성에 접근하려면 객체명 뒤에 대괄호를 붙이고 대괄호 안에 키를 넣습니다.이때 키는 반드시 큰따옴표나 작은따옴표로 감싼 문자열 형태로 작성해야 합니다. const person ={ name:{ firstName: "Gildong", lastName: "Hong" }, likes:["apple", "samsung"], printHello:function(){ return "hello"; }};console.log(person[.. 공감수 0 댓글수 0 2023. 2. 10.
  • [Day-34] JavaScript② 2. 자료형 1) 문자열 ● 템플릿 문자열ES6에서 추가된 템플릿 문자열은 백틱(`)으로 문자열을 정의하는 방법 템플릿 문자열은 기존 문자열 정의 방식처럼 큰따옴표나 작은따옴표로 문자열을 정의하지 않기 때문에 문자열에 큰따옴표나 작은따옴표가 있어도 영향을 받지 않습니다. - Enter를 눌렀을 때 줄 바꿈이 적용됩니다. 그래서 이스케이프 문자를 사용하지 않아도 됩니다.- ${} 문법을 이용해 문자열에 변수 또는 식을 넣을 수 있습니다. 다음 코드를 보면 템플릿 문자열의 ${} 안에 외부에 미리 정의한 변수 또는 표현식을 넣어 연산한 값을 변수에 할당합니다.let string =`문자열은 큰따옴표(")나 작은따옴표(')로 감싸면 됩니다.`;console.log(string);>>> 문자열은 큰따옴표(")나.. 공감수 0 댓글수 0 2023. 2. 9.
  • [Day-33] CSS ③ , JavaScript① 6. 전환 효과 속성 적용하기 1) 전환CSS에서 한 요소에 적용된 스타일 속성값을 다른 속성값으로 변하게 하는 것 2) transition-property 속성 전환 효과를 적용할 대상 속성을 지정전환 효과를 여러 속성에 지정하고 싶다면 쉼표로 구분해 작성하면 됩니다.개별 속성이 아닌 모든 속성에 전환 효과를 넣고 싶으면 all로 지정하면 됩니다.transition-property:; 3) .transition-duration 속성전환 효과의 지속 시간을 설정하는 데 사용합니다. 속성값으로는 초 단위 값을 사용여러 속성을 쉼표로 구분해 전환 효과를 지정할 때는 transition-property와 transition-duration 속성을 각각 지정할 수 있습니 전환 효과의 지속 시간을 설정하는 데.. 공감수 0 댓글수 0 2023. 2. 8.
  • [Day-32] CSS② chap05 1. 선택자선택자는 CSS 속성을 적용할 대상을 선택하는 문법으로, 다양한 종류의 선택자를 지원합니다. 2. 기본 선택자① 전체 선택자 모든 태그를 선택자로 지정합니다.② 태그 선택자 태그명으로 선택자를 지정합니다.③ 아이디 선택자 id 속성값으로 선택자를 지정합니다.④ 클래스 선택자 class 속성값으로 선택자를 지정합니다.⑤ 기본 속성 선택자 HTML 태그에서 사용할 수 있는 속성과 값으로 선택자를 지정합니다.⑥ 문자열 속성 선택자 태그의 속성값이 특정한 문자열과 일치하는 요소를 선택자로 지정합니다. 3. 조합 선택자조합 선택자는 기본 선택자와 조합해서 사용했을 때 선택자의 의미를 더 풍부하게 하는 역할을 합니다.① 그룹 선택자 여러 선택자를 , 기호로 구분해 선택자를 그룹으로 묶어 지정.. 공감수 0 댓글수 0 2023. 2. 7.
  • <Day-31> html 실습 / CSS이론 1) 텍스트 작성하기 태그 Heading level Heading level 1 Heading level 2 Heading level 3 Heading level 4 Heading level 5 Heading level 6 ctrl + shift + p Alt + O Live server ㆍ 텍스트 강조 ㆍ strong 태그 텍스트의 의미를 강조하고 싶을 때 사용 시각적으로 텍스트를 굵게 표시하는 것뿐 아니라 웹 브라우저에 중요한 부분임을 알려 주는 역할 중첩해서 사용할 수 있으며, 중첩할수록 의미를 더욱더 강조 ㆍ em 텍스트의 의미를 강조하고 싶을 때 사용 텍스트가 기울어져 보이면서 강조 효과를 낼 수 있음 중첩해서 사용할 수 있으며, 중첩할수록 의미를 더욱더 강조 이 시설은 관계자 외 출입금지입니다.. 공감수 0 댓글수 0 2023. 2. 6.
  • [Day-30] html 이론 visual studio code 설치 ! 자동완성 『코딩 자율학습 HTML + CSS + 자바스크립트』 Chap.2 HTML 문서작성을 위한 기본 내용 2-1. HTML의 기본 구성요소 1) 태그 - HTML 문법을 이루는 가장 작은 단위 - 웹 페이지를 구성하는 다양한 구성요소(텍스트, 이미지, 버튼 등)를 정의하는 역할 - 기본 형식은 홑화살괄호() 사이에 태그명을 넣는 형태 2) 속성 - 태그에 어떤 의미나 기능을 보충하는 역할(옵션) - 태그 없이 단독으로 사용불가 - 속성명과 속성값으로 구성 - 속성명은 따옴표 없이 작성 / 속성값은 큰따옴표(") 안에 작성하며 여러 개일 경우 쉼표(,)로 구분 3) 문법 - HTML 문법은 태그와 속성으로 구성 - 속성을 생략하거나 여러 개의 속성을 같.. 공감수 0 댓글수 0 2023. 2. 3.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.