JavaScript 썸네일형 리스트형 [JavaScript 가이드라인 3가지] ES Lint, Prettier, Props 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용 자바스크립트 코딩할 때의 가이드라인에는 3가지가 있어요. 그 세가지에는 ES Lint, Prettier, Props가 있는데 오늘은 이 3가지에 대해서 알아볼게요. 1. Lint 린트란(Lint) ? 소스를 분석해서 코드가 잘 짜여져있는지 분석해주는 모듈 ES Lint란? ES script 코드를 잘 짯는지 분석해서 현재 소스코드 상으로 문법이 잘못된 것이 있으면 문제를 표시해주고 문제를 바로 쉽게 수정할 수 있도록 도와준다. 어떤 문제인지를 .. 더보기 [JavaScript] this에 대해 이해하기 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용. 오늘은 Javascript에서의 this에 대해 이야기해볼게요. This this는 대부분 프로그래밍 언어에서는 자기 자신을 뜻한다. 하지만, 자바스크립트에서는 자기 자신을 나타내는 것이 아닐 때도 있다. Javascript에서의 this. Javascript에서 함수의 역할은 두 가지가 있다. 1. 실행시킬 수 있는 함수 (다른 언어에서는 이것만 해당한다.) 2. 객체를 만들어 내는 틀 >> 이 두가지의 경우에 따라 this가 가리키는 것이.. 더보기 [JavaScript] 함수 2 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용. 바로 이전 공부시간에는 함수의 구성요소와 함수를 왜 사용해야하는지를 이야기하면서, 실행컨텍스트, 스코프까지 알아보았어요. 이어서 함수에 대해 이야기해볼까요? https://hjp-recipe.tistory.com/24?category=835412 [JavaScript] 함수 1_실행컨텍스트, 스코프 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기 위해 일주일에 두번 프로트엔드 .. 더보기 [JavaScript] 함수 1_실행컨텍스트, 스코프 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기 위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용. 자바 스크립트 시간으로 돌아왔어요. 오늘은 함수의 첫번째 공부시간 입니다. [함수를 사용하는 이유] 코드 뭉탱이를 재사용하기위해서 사용한다. [함수의 구성요소] >> 괄호안의 x,y를 매개변수라고 한다. return 뒤에 오는 result를 반환값(return value)라 한다. : return을 쓰면 함수가 끝나버리기 때문에 이 후에 console.log를 찍어도 값이 나오지 않는다. return; 만 써도 undefined 값이 나오지.. 더보기 [JavaScript] JavaScript 튜토리얼 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용. 오늘은 JavaScript의 튜토리얼에 대해 이야기해볼게요. JavaScript는 배우면 배울수록 어렵네요. 먼저 자바스크립트의 기본적인 구성요소를 한번 더 짚어볼게요. [기본 문법] 1. 대소문자 구분 JavaScript언어는 모든 부분에서 대소문자를 구분하기 때문에 주의해야 한다. 예를 들어 function과 Function은 다른 의미를 가진다. 2. 세미콜론 (;) 세미콜론을 이용하여 각 구문을 구분한다. 3. 공백 JavaScript.. 더보기 [JavaScript] JavaScript의 이해 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용. 지금까지 JavaScript 코드에 대해 블로그 글을 여러 개 작성했지만, JavaScript에 대한 이해는 되짚지 못한 것 같습니다. 그래서 이번 포스트에서는 JavaScript의 개념을 상세히 정리하는 시간을 가져보도록 할게요. [JavaScript란?] Javascript는 1995년 Netscape Navigator라는 웹 브라우저에 처음으로 탑재되어 세상에 공개되었습니다. 사람들이 JAVA와 JavaScript를 혼동하는 경우가 많은.. 더보기 [JavaScript] star 3_왕관 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용. 오늘은 별 씨리즈 3탄으로 Javascript를 이용하여 왕관 모양 별을 찍어보겠습니다. 2탄은 아래 링크로 확인하세요. https://hjp-recipe.tistory.com/7?category=835412 [JavaScript ] star 2_피라미드 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 h.. 더보기 [eval 함수] 계산기 만들기 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용 오늘의 수업 주제는 계산기 만들어 Eval 함수에 대해 배워봅시다. 여기서 잠깐, 기초적인 지식 하나 알고 갈게요. ★ Script 태그는 head안에 넣지 않고 body안 맨 마지막에 넣습니다. → WHY? 브라우저는 위에서 아래로 읽습니다. script태그를 body위에 위치시켜 놓는다면, body보다 script를 먼저 읽어주게 되어 오류가 발생합니다. script를 시작하기위에서는 먼저 읽어줄 body가 필요하므로 body보다 뒤에 배치.. 더보기 이전 1 2 다음
