본문 바로가기

전체 글

자바스크립트의 공식 사이트는? -> 웹(html, css, javascript등..) 어디가 공신력있나?! 바로 MDN! 자바스크립트의 공식 사이트는? 어떤 언어를 공부할 때, 참고할 때, 우선 공식사이트를 아는 것이 중요하다!!  그래서 자바스크립트의 공식사이트는?!  공식!) Home - Ecma International Home - Ecma InternationalEcma International is an industry association dedicated to the standardization of information and communication systems Ecma is driven by industry members to meet their needs, providing a healthy competitive landscape based on differentiation of products aec..
비쥬얼 스튜디오(VS Code) 필수 단축키! 꿀팁! 비쥬얼 스튜디오(VS Code) 필수 단축키! 꿀팁!REF) 비쥬얼 스튜디오 단축키 모음 (keyboard-shortcuts)윈도우) keyboard-shortcuts-windows.pdf  맥) keyboard-shortcuts-macos.pdf   1. 커맨드 팔레트 Command Palette커맨드 입력칸 열기맥 : F1, ⇧⌘P윈 : F1,Ctrl+Shift+P    2. 퀵 오픈 Quick Open파일에 빠르게 이동 가능! 맥 : ⌘P윈 : Ctrl+P
JavaScript) var VS let VS const -> what is Scope / hoisting ? ref) 자바스크립트 동작원리와 ES6 - Fundamentals of JavaScript & ES6ref) 생활코딩 - JavaScript - var VS let VS const 자바스크립트에서 변수 선언에 var, let, const를 사용한다. 이 중 변수 사용에 var는 절대 사용하지 말라! 라는 말을 듣곤 한다. -> 면접에서도 많이 물어본다! 무슨 차이가 있을까?!  let 과 const는 2015년 ES6에서 도입된 변수 선언키워드로 '블록 스코프' 레벨을 따른다.ECMAScript란?JavaScript 언어의 표준이며 ES6라고도 한다.'let'은 변수 / 'const'는 상수를 선언 var VS let, const varletconstfunction local ScopeOOOblock S..
JavaScript 변수 작명가이드 꼭 지켜야 하는 룰(지키지 않으면 오류)JavaScript 식별자는 '문자(a-z, A-Z)', '밑줄(_)' 혹은 '달러 기호($)'로 시작해야 합니다. 두 번째 글자부터는 '숫자(0-9)'도 가능합니다.'대문자'와 '소문자'는 구별합니다. myname과 myName은 다른 이름입니다.'예약어(JavaScript가 찜해놓은 단어)'는 사용하면 안 됩니다. 예 if, for, let 같은  지키면 좋은 룰(더 좋은 스타일을 위해)코드를 작성하는 일은 여러 사람들과의 협업이기도 하면서 스스로와의 소통원활히 하기 위해서 아래와 같은 약속들을 함께 지킵시다! 의미 없는 이름은 좋지 않습니다.let a, b, c, d;어떤 값을 저장해뒀는지 찾기도 어렵고 활용하기도 어렵습니다. 또한 프로그램의 가독성이 떨어져서..
Node.js 란? Node.js란? 브라우저에서만 실행될 수 있었던 자바스크립트를Node.js가 설치된 컴퓨터에서 사용할 수 있게하는 것!  즉, 웹 프론트엔드 뿐 아니라 백엔드, 모바일, IoT 등 브라우저 밖에서 자바스크립트를 사용할 수 있게!  Ryan Dahl이 개발함!크롬의 자바스크립트 엔진 V8을 기반으로 libuv 등의 추가하여 개발 이벤트기반 / 비동기 / 논블로킹 / 싱글스레드 -> 멀티 태스킹, 멀티스레드를 위한 Node.js의 특징이 있다!
코딩으로 본 조선붕당의 이해 - 들여쓰기 스타일 코딩 스타일 - 나무위키 들여쓰기를 탭으로 하느냐 스페이스로 하느냐는 텔레타이프 터미널이 도입된 이래 개발자들의 유서 깊은(?) 논쟁거리 중 하나이다. 탭으로 들여쓰기를 하면 탭 키 한 번에 끝이고, 반대로 커서를 이동시킬 때도 화살표 키/백스페이스 키 한 번이면 되니 정말 간단하겠지만 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);

티스토리툴바