본문 바로가기

전체 글2614

자바스크립트 작성의 기초 See the Pen 자바스크립트 구문 1 by nilgi (@nilgi) on CodePen. • 고정 값 : Literals • 변수 값 : Variables • var, let, const를 이용 변수를 선언 • JS에서 첫 번째 글자는 문자, 밑줄(_), 달러($)며 숫자 사용 불가. • ( - )는 JS에서 뺄셈으로만 사용하며 문자로 사용 불가. • LET 또는 Let는 변수를 선언하는 키워드 let로 해석하지 않는다. • 대소문자를 구분한다. • // 주석 며칠 JS 공부하면서 느낌. html, css는 그냥 몸 풀기... 2021. 11. 9.
프리미어 프로 : 비디오 전환 효과 - 화면 뒤집기(회전) 이 화면에서 저 화면으로 전환할 때 화면이 뒤집히는 효과다. 유튜브에서 상당히 많이 봤던 거다. ▲ 비디오 전환 - 3D 동작 - 뒤집기를 클립과 클립 사이에 적용한다. ▲ 요로케~ ▲ 적용하면 화면이 회전하고 배경색이 회색이다. ▲ 효과 컨트롤 패널에서 지속시간을 조절해서 뒤집기가 적용되는 시간을 설정하고 정렬을 원하는 위치에 놓는다. ▲ 뒤집는 방향을 지정할 수 있다. 화살표를 누르다. ▲ 원래 배경색이 회색인데 사용자 정의에서 바꿀 수 있다. ▲ 검은색으로 ▲ 이렇게 된다. 2021. 11. 8.
13세대 Raptor Lake-S DDR4 지원 13세대부터는 완전 DDR5로 넘어갈 것이라 했지만 아닌가 보다. 13세대도 DDR4를 지원하겠다는 소식이다. 아마 내년 하반기까지 DDR5의 공급과 가격이 안정적이지 않을 것임에 미리 대처하는 모습니다. 14세대가 13세대에 이어 빠르게 출시를 알렸다. 13세대는 22년 4분기, 14는 23년 2분기에 나올 예정이다. 어쩌면 14세대 DDR4를 지원할지도 모르겠군. 아님 출시일이 많이 미뤄지거나. 2021. 11. 8.
자바스크립트 입문 javascript 입문 • ; (세미콜론)으로 구분하고 줄바꿈 없이 한 줄에 다 써도 된다. • 연산자(= + - * /) 앞뒤로는 공백을 넣는 것을 기본으로 하나 넣지 않아도 되고 가독성을 위해 줄바꿈 가능하다. { document.getElementById("ex1").innerHTML = "NILGI" document.getElementById("ex1").innerHTML = "BLOG" } • { 명령 } 중괄호로 코드를 그룹화할 수 있다. 2021. 11. 8.
자바스크립트의 출력 방식들 43 팝업창을 닫아 주세요. 자바 예제 명령어입니다. See the Pen 자바 기본 출력 방식 by nilgi (@nilgi) on CodePen. ▸innerHTML : HTML 요소에 작성한다. // 내용 ▸docukment.write() : HTML문서 전체에 표시하며 기존 HTML 모두 삭제 된다. ▸window.alert() : 팝업창에 결과물을 표시한다. 이 페이지를 열면 43 팝업창이 뜬다. ▸window.print() : 페이지를 인쇄한다. ▸console.log() : 브라우저 콘솔을 사용하는데 다음에 알려준다고 하여 아직 모른다. 2021. 11. 8.
그날에 나는 맘이 편했을까 - 이예준 https://youtu.be/xR-M7mfph_I 노래 좋다. 오늘 비가 온단다. 10월부터 11월 초까지 드라마 엄청 봤다. 갯마을 차차차, 유미의 세포들, 원더우먼, 홈타운, 마이네임 이렇게 봤다. 유미의 세포가 제일 잼있었다. 처음엔 애니메이션이 너무 많이 나와서 뭐야? 김고은 볼라고 보는 건데. 했다. 근데 나중에는 애니메이션 캐릭터들이 너무 귀엽고 몽글몽글 해서 마음이 막~ 막~ 좋았다. ㅎㅎ 애니메이션이 더 재미남. 갯마을 차차차는 영화 홍반장 드라마 버전이지? 가슴이 참 따뜻해져서 좋았다. 넷플릭스 드라마 1위라고 하던데^^ 주연보다 조연들의 캐릭터가 더 잼있는 드라마. 원더우먼은 오랜만에 끝이 궁금하지 않았던 드라마다. 그래서 9화까지 보고 안 봤다. 좋아하는 장르가 아니었다. 비슷한 모.. 2021. 11. 8.
막힌 변기 페트병으로 뚫기 뚫어뻥이나 약품으로 안 뚫리는 변기 페트병으로 한 방에 뚫을 수 있습니다. 저는 변기가 막히면 항상(?) 페트병으로 뚫어요. 페트병 뚜껑을 꽉~ 막고 아래 부분을 조금 발라줍니다. 너무 많이 자르지 마세요. 변기에 손까지 들어갈 수 있습니다. ㅎㅎ 페트병은 1.5L가 딱 좋습니다. 이렇게 구멍에 페트병을 쑤셔 넣고 막 뻠쁘질을 해주면 확~ 뚫립니다. 아주 약간 막히면 변기에 물이 조금씩 내려가 물이 없는 경유가 있는데요. 물 압력으로 내려가는 거라 물이 어느 정도는 차 있어야 합니다. 그리고 과학 시간에 배웠지요? 물에 유리컵을 수직으로 넣으면 유리컵 안에는 물이 들어가지 않는다. 페트병을 물과 너무 수직으로 넣으면 페트병 안에 물이 안 들어갑니다. 페트병을 기울여 넣어서 페트병 안에도 물이 들어가게 해.. 2021. 11. 8.
JavaScript 쓰는 방법 버튼 ▲ head 사이에 쓴다.   버튼 ▲ body 사이에 쓴다. head와 body에 동시에 써도 된다.  , 사이에 ▲ 파일로 저장하고 업로드해 불러와서 쓸 수 있다. CSS파일과 같다. 외부 파일로 쓰면 html과 분리되어 관리하기 편하고 html문서가 복잡해지지 않고 페이지 로딩 속도가 빨라진다. 2021. 11. 7.
JavaScript 시작 See the Pen JS입문 by nilgi (@nilgi) on CodePen. 자바스크립트를 시작한다. 뭔지는 모르지만 무작정 따라한다. JS에서 가장 많이 쓰는 기본이 getElementById()란다. id가 주어진 html을 변경하는 코드인가보다. JS의 시작은 큰 따옴표나 작은 따옴표로 알린다. 뭔지 하나도 모르겠다. 이게 무엇인지 알기까지 상당히 오랜 시간이 걸릴 것 같다. 죈장... ▸ 자바스크립트 입문 getElementById()를 가장 많이 사용하고 기본입니다. 자바스크립드를 시작합니다. JS는 html콘텐츠를 변경합니다. 버튼 자바스크립드를 시작합니다. JS는 html콘텐츠를 변경합니다. 버튼 ▲ document 앞에 "로 시작할 수 있고 '로 시작할 수 있다. 쭉 읽어보니 주로 .. 2021. 11. 6.
외곽선 애니메이션 See the Pen 외부선 애니메이션 by nilgi (@nilgi) on CodePen. ▶ HTML // css 마침 외부선 애니메이션 ▶ CSS .outbox { // 클래스 outbox animation: ob 4s infinite; // 애니메이션 이름은 ob고 애니메이션 총길이 4초며 반복 } @keyframes ob { // 애니메이션 ob에 키프레임 추가 50% { // 4초중 50% 지점에서 outline: 24px solid tomato; // 외곽선 굵기24 실선 토마토 색으로 변형 } } ▶ 비교 [웹코딩 배우기/· CSS] - 굵어지고 색이 변하는 border 2021. 11. 5.
투명도가 변하는 애니메이션 만들기 See the Pen 투명 애니메이션 by nilgi (@nilgi) on CodePen. ▶ HTML OPACITY ANIMATION // div 클래스 이름 op와 op1, 배경색 토마토; 테두리 둥글기 50%; 정렬은 중앙에; 안쪽여백 상하 60px 좌우 0px; 콘텐츠 박스 크기는 테두리까지 모두 포함한 값으로 지정 // div 클래스 이름은 op와 op2며 배경색은 #333(먹색); 테두리 둥글기는 50% ▶ CSS .op2 { // 클래스 op2에 animation: op2 4s infinite; // 애니메이션 이름 op2 지정. 4초. 반복 } @keyframes op2 { 애니메이션 op2에 키프레임 추가 50% { // 4초 중 50% 지점에 opacity: 0; // 투명도 0으로 변.. 2021. 11. 5.

티스토리툴바