회고록 블로그

보호되어 있는 글입니다.

자바스크립트를 사용하지 않고 HTML과 CSS 만으로 슬라이드 효과를 낼 수 있는 방법이 있다고 해서 스크랩해왔다. 실제 사용해보는 것은 나중에 하기로 하고, 우선 잊어버리지 않기 위해 주소를 스크랩해왔다. 첫번째 방법. m.blog.naver.com/co-nam/222084570760 스크립트 없이 HTML과 CSS로만 만드는 슬라이드효과 /*코딩*/ [HTML+CSS{ 코남} ] #HTML #CSS #INPUT #LABEL#웹 #비쥬얼 #아트 #코딩 #코남#코딩하는남자 #슬라이드효과​... blog.naver.com 두번째 방법. junil-hwang.com/blog/only-css-slide/ Only CSS Slide - 오직 CSS만 사용하여 슬라이드 만들기 - 개발자 황준일 css로 slide..

보호되어 있는 글입니다.

cinnamonc.tistory.com/168 [공부 필기] 생활코딩 JavaScript 입문 강의 필기 (2) cinnamonc.tistory.com/162 자바스크" data-og-host="cinnamonc.tistory.com" data-og-source-url="https://cinnamonc.tistory.com/162" data-og-url="https://cinnamonc.tistory.com/162" data-og-image="https:/.. cinnamonc.tistory.com 위의 글에서 필기 내용을 정리하고 있었는데 글이 너무 길어지면서 스크롤 압박이 심해져서 한번 끊어서 필기 내용을 정리하려고 한다.. 객체 지향 프로그래밍 관련부터의 수업 내용은 아래에 이어서 적었다. 참고로 ..

보호되어 있는 글입니다.

복습하면서 알게된 내용, 공부하는 내용들을 기록하고 있는데 너무 스크롤 압박이 심해져서 끊어가기로 했다. cinnamonc.tistory.com/174 [공부 복습] 생활코딩 JavaScript 입문 강의 복습 (2) 관련 글 : cinnamonc.tistory.com/168 [공부 필기] 생활코딩 JavaScript 입문 강의 필기 (2) cinnamonc.tistory.com/162 자바스크" data-og-host="cinnamonc.tistory.com" data-og-source-url="https://cinnamonc... cinnamonc.tistory.com Arguments 1) arguments.length와 함수명.length는 다른 의미를 가지고 있음 함수의 호출 1) 자바스크립트가..

관련 글 : cinnamonc.tistory.com/168 [공부 필기] 생활코딩 JavaScript 입문 강의 필기 (2) cinnamonc.tistory.com/162 자바스크" data-og-host="cinnamonc.tistory.com" data-og-source-url="https://cinnamonc.tistory.com/162" data-og-url="https://cinnamonc.tistory.com/162" data-og-image="https:/.. cinnamonc.tistory.com 함수 _ 유효범위 1. 함수 안에서 사용하는 변수의 유효범위 실습 var temp = 'global'; function funcScope(){ //var temp = 'local'; alert(t..

cinnamonc.tistory.com/162 [공부 필기] 생활코딩 JavaScript 입문 강의 필기 (1) 오리엔테이션 (1) JavaScript는 처음 웹브라우저를 제어하기 위함으로 고안되었음. (2) 하지만 현재에는 JavaScript를 웹서버에서도 사용할 수 있도록 하는 기술이 등장함 (node.js가 대표적) => 자바스크 cinnamonc.tistory.com 2021-04-07 작성> 위의 글에서 계획했었던 '공부 방향'에 맞춰 일단 한번 쭉 강의를 들었고 이제 자바스크립트의 한챕터 한챕터 강의를 세세하게 들으면서 문법을 익히고 있다. 실습 위주로 따라가면서 강의 내용에서 추가로 알게된 내용들을 위의 글에 추가하고 있지만... 소스코드(실습하면서 써보고 있는 코드)까지 추가하기에는 스크롤..

혼자힘으로 카카오톡 PC버전 클론하기를 진행중에 있고 현재까지의 결과물은 이러하다. 코드는 너무 길고 많아서 zip파일로 업로드 하였다. (flex box와 grid를 사용했기 때문에 IE로 열면 깨질 확률이 99.99999% 이므로 chrome을 권장) 더 수정/보완 해야할 부분은 (1)웹브라우저별로 호환 가능토록 코드 수정해주는 작업과 (2)사용된 CSS 단위를 rem, vw/vh 등으로 수정해주는 작업, (3)채팅화면(채팅목록화면 아님)과 기능들을 추가해주는 작업이다. 기능들을 추가한다는 것은 "통합검색"이나 "친구 목록"을 클릭하였을 때 친구에 대한 정보가 출력되는 등 기능을 말한다. 단기간에 하기 어려워서 시간될 때마다 하기로 했다.. +추가> 채팅목록 화면에서 '채팅 내용의 일부를 보여주고 나..

이번에는 '더보기 화면'을 만들려고 한다. 큰 FLEX BOX 하나로 레이아웃을 만들고 그 안에 flex box를 또 하나 만들려고 한다. 그리고 위쪽에 있는 내 프로필은 태그 혹은 flex box로 구성해보려고 하는데, 태그를 이런 경우에 써도 되는건가..? 일단 잘못된 구성의 코드일지라도 만든 후 생각해야겠다. ※ 멘토없이 초보자가 혼자 만드는 코드이므로, 효율적인 코드가 아닐 수 있음 (마치 float나 flex를 놔두고 로 레이아웃을 만드는 것과 같은 비효율적인 코드일 수 있음 주의) 도구: Visual Studio Code 언어: HTML, CSS 서버: 없음 (클라이언트 사용) 그 외: 없음 네번째 페이지. 더보기 화면 (more_menu.html) HTML 만들기 : HTML 만들기 : 영역..