Dev Note/개발 etc. 썸네일형 리스트형 코딩으로 본 조선붕당의 이해 - 들여쓰기 스타일 코딩 스타일 - 나무위키 들여쓰기를 탭으로 하느냐 스페이스로 하느냐는 텔레타이프 터미널이 도입된 이래 개발자들의 유서 깊은(?) 논쟁거리 중 하나이다. 탭으로 들여쓰기를 하면 탭 키 한 번에 끝이고, 반대로 커서를 이동시킬 때도 화살표 키/백스페이스 키 한 번이면 되니 정말 간단하겠지만 IDE, 에디터가 다를 경우 각 시스템의 설정값에 따라 다르게 보일 수 있기에 스페이스로 들여쓰기를 하는 사람도 많다. 실제로 2013년 GitHub에 올라온 코드를 분석한 결과 2:1의 비율로 탭보다는 스페이스를 선호하는 모습을 보이고 있다. # 다만 최근의 IDE나 에디터들의 경우 탭 키를 눌러도 스페이스로 처리해 주는 기능이 있기 때문에, 이 문제는 요즘 들어서 크게 논란이 되지는 않고 있다. 특히 Python처럼 .. 코딩스타일) 코딩 표기법 snake case, camel case... 코딩 스타일 - 나무위키 Code Conventions 코딩 스타일은 코드 유지보수에 큰 영향을 끼치며, 좋지 않은 코딩 스타일에 익숙해질 경우 능률이 저하되거나 타인과의 공동작업에서 혼란이 가중될 수 있다!특히, 코딩 스타일이 카멜레온마냥 변하는 것은 가장 안 좋은 습관이다.스테이크 표기법(snake case)단어 사이에 언더바_를 넣어서 표기상수 개념이 없는 파이썬 같은 언어에서 상수를 선언할 때에 권장DB 컬럼예시 : snake_case_example카멜 표기법 (camel case)여러 단어를 연달아 사용할 때 각 단어의 첫 글자를 대문자로 적되, 맨 앞에 오는 글자는 소문자로 표기자바 진영에서 표준XML, JSON 같이 식별자 이름에 약자가 포함되는 경우는 해당 약자를 모두 대문자로 쓸 수도 있.. jquery 각 컨텐츠 높이 구하기 -> 배열에 넣 slide_list ... ... ... ... ... ... ... ... ... ... .offset() var _offset_arr = []; $("div[id^=slide_list]").each(function(){ _offset_arr.push($(this).offset()); }); console.log(_offset_arr); .push($(this).offset()); var _offset_arr = []; $("div[id^=slide_list]").each(function(){ _offset_arr.push($(this).offset()); }); console.log(_offset_arr); jquery fixed 헤더 가로스크롤 처리 주로 헤더로 많이 쓰이는 fixed 상단에 위치가 고정 윈도우 창을 작게 했을경우, 가로로 스크롤을 해보면 콘텐츠와 함께 스크롤이되지않는다. window에 스크롤 이벤트 스크립트로 처리 // gnb fixed horizontal scroll issue $(window).scroll(function(){ $('.fixed-top').css('left', 0-$(this).scrollLeft()); }); meta og (오픈 그래프 open graph)태그에 대해서. meta og태그 (Open Graph Tag)에 대해 알아보자. 샘플 코드 ex) 이렇게 URL 링크를 공유했을 때, URL만 공유했지만, 제목, 이미지, 설명, 주소등이 함께 보여진다. 여기서 보여지는 콘텐츠들을 다룰 수 있게 해주는 것이 바로 og (오픈 그래프) 태그다. meta tag (메타 태그) 란?! HTML에 적용되는 특성, 기본정보를 작성하는 태그이다. This is a heading This is a paragraph. Try i" data-og-host="www.w3schools.com" data-og-source-url="https://www.w3schools.com/tags/tag_head.asp" data-og-url="https://www.w3schools.com/tags/t.. 코드펜 codepen - HTML CSS Javascript 코드 테스트 / 미리복 코드펜 : https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 코드펜 CodePen 주로 HTML, CSS, Javascript 코드를 테스트할 때 사용하며, 블로그에 소스와 미리보기를 퍼올 때 사용할 수 있다. - 홈페이지 화면 코드펜 사용법. 주로, 코드펜에서 작성한 소스코드 미리보기를 블로그에 가져오는 것으로 많이 사용한다. - 블로그 (티스토리)에 소스코드 미리보기 가져오기. 1. 로그.. 웹에서 사용할 수 있는 기능인가 체크 : 캔아이유즈 caniuse https://caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc About "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development commu caniuse.com 예를 들면, CSS의 grid 기능을 웹브라우저에서 사용할 수 있는지 확인하려면_?! 캔아이유즈에서 확인하.. 이전 1 다음
