본문 바로가기
728x90

javascript12

Javascript - function 안녕하세요, 오늘은 Javascript의 function(함수)에 대해 정리해 보겠습니다. 함수는 프로그램을 이루고 있는 블럭과 같은 역할을 하며 일을 수행하거나 값을 계산하는 등의 역할을 수행합니다. 추가로 function을 정의할 때 조건이 있다면 조건을 만족 못할 때 최대한 빨리 return 하여 나가는 것이 좋습니다! 만약 조건이 길다면 해당 조건문은 최대한 뒤에 두는 것이 효율적입니다. ◆ 함수 특성 1. Function declaration (함수 정의) : function name(param1, param2) { body ... return;} 하나의 함수는 하나의 동작만 하도록 정의하는 것이 좋습니다. 앞서 variable을 정의할 때 설명드렸다시피, 함수를 변수로 할당할 수도 있고 리턴할.. 2021. 6. 16.
Javascript - operator 안녕하세요, 이번에는 Javascript에서의 operator(연산자) 중 헷갈릴만한 것들에 대해 정리해보겠습니다. 1. Increment and decrement operator : 증감 연산자입니다. 전위형(++counter)과 후위형(counter++)으로 나누어져 있습니다. 두 개의 차이는 counter를 1씩 증가시켜주는 것은 동일하지만 반환 값이 차이가 있습니다. 아래코드를 보면서 이해하면 도움이 될 것 같습니다. 전위형은 counter에 1을 먼저 추가를 시킨 후에 preIncrement에 counter 값을 할당하고, 후위형은 postIncrement에 counter를 할당시킨 후에 counter에 1을 추가합니다. 그렇기 때문에 아래 코드에서 후위형을 적용하였을 때 postIncremen.. 2021. 6. 15.
Javascript - Variable 안녕하세요, 이제부터 프론트엔드 개발에 필수적인 자바스크립트 언어에 대해 정리하려합니다. 지금까지는 HTML/CSS를 위주로 정리하였었는데 자바스크립트까지 병합하여 정리하겠습니다. 정리하는 내용은 드림코딩 유튜브 채널에서 배운 내용을 기반으로 하고 자바스크립트 책을 참고하여 추가하였습니다! (드림 코딩 채널의 무료 강의 도움을 많이 받았습니다. 다들 시간이 많이 있으시다면 보시는 것을 추천드려요!) 내용 정리 완료 후에는 백준 및 프로그래머스 문제들을 풀어보려 합니다. 이제까지는 파이썬으로 풀었는데 자바스크립트와 친해질(?)겸 자바스크립트로 풀어보려 합니다. (파이썬이 더 풀기 쉬웠는데 ㅠㅠ) 오늘은 첫 시간으로 변수에 대해 정리하겠습니다. 변수란 데이터를 저장할 때 쓰이는 저장소입니다. Variable.. 2021. 6. 14.
<Script> / differ 속성 안녕하세요! HTML/CSS도 어느 정도 정리가 끝나서 슬슬 자바스크립트 공부를 시작하려 합니다. 자바스크립트 파일(.js)을 HTML에 연결하는 방법을 정리해보겠습니다. 자바스크립트는 CSS와 비슷하게 가 body안의 를 읽기 전에 실행되어 id를 못 찾아 나오는 문구입니다. 를 body의 마지막에 두면 정상적으로 글자를 읽어올 것입니다. (물리적 방법) 또는 위치는 그대로 head안에 두면서 처럼 defer를 추가하면 해결이 됩니다. defer는 html문서를 전부 분석(파싱)한 후에 2021. 5. 24.