본문 바로가기

2023/126

[Javascript]자바스크립트 console.log 사용방법 JavaScript의 console.log() 함수는 콘솔에 메시지를 출력하는 데 사용됩니다. 이 함수를 사용하여 코드 실행 중에 값을 확인하거나 디버깅에 도움을 얻을 수 있습니다. 아래는 console.log()의 간단한 사용 방법입니다 1.텍스트 출력 console.log("안녕하세요, 콘솔!"); 2.변수 출력 let 변수 = "값"; console.log(변수); 3.여러 값 출력 let 변수1 = "값1"; let 변수2 = "값2"; console.log(변수1, 변수2); 4.변수와 문자열 결합 let 숫자 = 42; console.log("숫자는 " + 숫자 + "입니다."); 5.포맷된 출력 let 이름 = "John"; let 나이 = 25; console.log(`이름: ${이름}, .. 2023. 12. 17.
[Javascript]자바스크립트 객체(Objec의 기본 구조 및 예제 JavaScript에서 객체는 데이터와 해당 데이터를 조작하기 위한 동작을 포함하는 복합 데이터 유형입니다. 객체(Object)란? 객체는 키-값 쌍의 모음이며, 키는 문자열 또는 기호이고, 값은 어떠한 데이터 유형이나 함수가 될 수 있습니다. 객체는 중괄호 {}로 표현되며, 키-값 쌍은 쉼표로 구분됩니다. object = 물건, 물체 자바스크립트 객체는 속성(Property)과 행동(또는 메서드(Method))으로 구성됩니다. 객체는 데이터를 저장하는 속성과 그 데이터를 조작하거나 동작하는 메서드를 포함합니다. 이러한 속성과 메서드는 객체의 상태와 행동을 정의하며, 객체의 핵심적인 특징 중 하나입니다. 객체의 기본 구조 및 예제 다음은 JavaScript 객체의 기본 구조 및 예제입니다. // 객체 생.. 2023. 12. 17.
[Jquery]티스토리 Youtube 동영상 첨부시 반응형 처리하기 티스토리에서 'Youtube 동영상 첨부 시' Jquery로 반응형 처리하는 방법입니다. 글쓰기 에디터에서 동영상을 첨부했을때입니다. 위처럼 동영상 첨부를 하게 될 경우 해상도가 줄어들면 영상 사이즈가 고정되어 있어서 줄어들지 않습니다. 위 문제를 Jquery로 자동으로 리사이징 해주는 방법이라고 이해하시면 됩니다. 스킨 수정 1. 티스토리 로그인 후 '꾸미기 > 스킨 편집'으로 접근합니다. 2. 스킨 편집 HTML에서 위에 아래 코드를 삽입합니다. '저장' 버튼을 누릅니다. 코드 설명 해당 JavaScript 코드는 jQuery를 사용하여 YouTube 비디오를 리사이즈하는 함수를 정의하고, 창 크기가 변경될 때와 문서가 로드될 때 이 함수를 호출하는 이벤트 핸들러를 설정합니다. - $(window)... 2023. 12. 7.
[영화]서울의 봄을 보기 전에 봐야 할 영화들 '서울의 봄'을 보기 전에 봐야 할 영화들을 시대순으로 나열해 봅니다. 1. 남산의 부장들 475만 관객수를 기록한 '남산의 부장들'입니다. 제8대 중앙정보부 부장 김재규가 박정희 대통령 암살을 하기까지의 과정을 그린 영화입니다. 1979년 10월 26일 김재규에 의해 피격당하게 됩니다. 2. 서울의 봄 박정희 대통령이 김재규에게 피격당하고 최규하 대통령이 1975년부터 국무총리로 재직하다가 대통령 권한대행으로 비상계엄령을 선포했으며, 그해 12월 통일주체국민회의에서 대통령으로 선출되게 됩니다. 그 후에 전두환 등 신군부의 압력으로 8개월 만에 대통령직에서 물리게 되는데, 그전까지의 과정을 그린 영화입니다. 그날이 바로 1979년 12월 12일 1212 사태입니다. [영화]하나회 1212사태 실화 '서울.. 2023. 12. 7.
[CSS]테두리 border에 그라디언트 효과 넣기 CSS 속성 linear-gradient와 border-image-slice 를 이용해서 테두리(border)에 그라데이션 효과를 주는 방법입니다. border-image-slice border-image-slice는 CSS 속성 중 하나로, 배경 이미지를 사용하여 요소의 테두리를 꾸밀 때 이미지를 어떻게 잘라낼지를 지정합니다. 이 속성은 border-image-source, border-image-width, border-image-outset와 함께 사용되어 테두리 이미지를 제어하는 데에 기여합니다. border-image-slice의 기본값은 100%입니다. 이 값은 이미지를 가로 및 세로로 100%만큼 사용하도록 설정하는데, 이는 이미지의 전체 부분을 사용한다는 것을 의미합니다. 다음은 borde.. 2023. 12. 4.
[영화]하나회 1212사태 실화 '서울의 봄' 등장인물과 영화 후기 제5공화국 출범 전 전두환 시절 하나회 1212 사태를 그린 영화 '서울의 봄'의 관람 후기를 몇 자 적어 본다. 먼저 영화를 관람하기 전 제 5공화국 관련 인물들 하나회와 1979년 12월 12일 (1212 군사반란)에 어떤 일이 있었는지 알아보도록 하자. 제5공화국 관련 인물들 전두환 - 대통령경호실 작전차장보, 특전사 1공수여단장, 1 사단장, 보안사령관, 중정부장(서리), 민정당 총재, 제11대, 12대 대한민국 대통령 노태우 - 대통령경호실 행정차장보, 특전사 9공수여단장, 9 사단장, 수경사령관, 보안사령관, 정무 2 장관, 체육부 장관, 내무부 장관, 민정당 대표, 민정당 대선후보, 제13대 대한민국 대통령 정호용 - 50사단장, 특전사령관, 3군 사령관, 육참차장, 육참총장, 내무부 장관,.. 2023. 12. 3.

티스토리툴바