자바스크립트 썸네일형 리스트형 [JavaScript 가이드라인 3가지] ES Lint, Prettier, Props 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용 자바스크립트 코딩할 때의 가이드라인에는 3가지가 있어요. 그 세가지에는 ES Lint, Prettier, Props가 있는데 오늘은 이 3가지에 대해서 알아볼게요. 1. Lint 린트란(Lint) ? 소스를 분석해서 코드가 잘 짜여져있는지 분석해주는 모듈 ES Lint란? ES script 코드를 잘 짯는지 분석해서 현재 소스코드 상으로 문법이 잘못된 것이 있으면 문제를 표시해주고 문제를 바로 쉽게 수정할 수 있도록 도와준다. 어떤 문제인지를 .. 더보기 [JavaScript] JavaScript 튜토리얼 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용. 오늘은 JavaScript의 튜토리얼에 대해 이야기해볼게요. JavaScript는 배우면 배울수록 어렵네요. 먼저 자바스크립트의 기본적인 구성요소를 한번 더 짚어볼게요. [기본 문법] 1. 대소문자 구분 JavaScript언어는 모든 부분에서 대소문자를 구분하기 때문에 주의해야 한다. 예를 들어 function과 Function은 다른 의미를 가진다. 2. 세미콜론 (;) 세미콜론을 이용하여 각 구문을 구분한다. 3. 공백 JavaScript.. 더보기 [JavaScript] star 3_왕관 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용. 오늘은 별 씨리즈 3탄으로 Javascript를 이용하여 왕관 모양 별을 찍어보겠습니다. 2탄은 아래 링크로 확인하세요. https://hjp-recipe.tistory.com/7?category=835412 [JavaScript ] star 2_피라미드 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 h.. 더보기 [JavacScript] 타입과 매개변수 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기 위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용. 오늘은 JavaScript의 타입과 매개변수, 그리고 이를 이용한 return result를 통해 덧셈 뺄셈을 해볼게요. 자바스크립트 타입에는, 1. number : 숫자 2. string : 문자 3. object : 같은 목적끼리 분류하는 것 eg. const fruit = { apple:5; watermelon:10; } 4. boolean : true, false로 나타낼 수 있는 자료형 함수 : f(x) 공식은, function 이.. 더보기 [JavaScript] star 2_피라미드 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용. 오늘은 별 씨리즈 2탄으로 Javascript를 이용하여 피라미드로 별을 찍어보겠습니다. 1탄은 아래 링크로 확인하세요. https://hjp-recipe.tistory.com/6?category=835412 [JavaScript] star 1 [별 씨리즈 1탄!] 1. 하나씩 늘어나는 별 찍기 console.log는 개행이어서 피라미드 유형의 별 갯수 늘어나는 것을 확인하기 어렵다. 그래서, 선택한 방법은 temp 방법! 첫번 째 for문은.. 더보기 [JavaScript] star 1_하나씩 늘어나는 별찍기 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용. 오늘은 별 씨리즈 1탄으로, JavaScript로 하나씩 늘어나는 별을 찍어볼거에요. 앞으로 2탄, 3탄까지 있을 예정입니다. 앞의 포스팅에서는 JavaScript의 개념에 대해서 설명했어요. 참고해주세요. https://hjp-recipe.tistory.com/21?category=835412 JavaScript에 대해서. 지금까지 JavaScript 코드에 대해 블로그 글을 여러 개 작성했지만, JavaScript에 대한 이해는 되짚지 못.. 더보기 [JavaScript] 기초 개념 이해하기 안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용. 웹 프론트엔드 개발을 배우려면 당연히 제 1강은 JavaScript가 되겠죠? 처음 입문하는 학생으로서 JavaScript를 처음 실행하고, 기초 개념에 대해 알아보도록 해요~! [Visual Code Studio에서 JavaScript 실행하기] 1. quokka.js와 node.js를 설치합니다. 2. ctrl + shift + p 로 javascript 환경을 열어줍니다. [javaScript] 변수 const (constant) : 고.. 더보기 이전 1 다음
