[꼼꼼한 개발자] 꼼코더

🧹 두서없이 적는 쉬운 정리 1. 라이브러리란 : 자주 사용되는 기능들을 모아놓은 것, 개발자가 제어권을 가지고 있다. 2. 사용자 인터페이스(UI) : 사용자와 컴퓨터 중간에 입력과 출력을 제어해 주는 것 3. 리액트는 '자바스크립트 UI 라이브러리'이다 4. 리액트는 spa 를 쉽고 빠르게 만들 수 있도록 해주는 도구이다. (자세한 내용은 아래 참고) 🤷🏻 리액트란? 공식문서에는 '사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리'라고 정의되어 있다. 📖 라이브러리란? 자주 사용되는 기능들을 정리해 모아 놓은 것을 의미한다. 라이브러리(일상, 프로그래밍) 일상 : 도서관에 수많은 책들이 정해진 기준에 따라서 잘 정리되어 꽂혀있는 걸 볼 수 있다. 프로그래밍 : 특정 프로그래밍 언어에서 자주 사용..

🧹 두서없이 적는 쉬운 정리 1. 함수는 입력을 받아 정해진 출력을 하는 것 2. 자바스크립트의 함수는 2가지이다.(function statement, arrow fuction expression) 3. 함수 호출은 함수 이름 뒤에 괄호를 붙이고, 괄호 안에 파라미터 값을 넣어준다. (자세한 내용은 아래 참고) 🤷🏻 함수란? 함수는 프로그래밍에서 입력(파라미터 혹은 인자)을 받아 정해진 출력을 하는 동작을 수행하는 것을 의미. 자바스크립트에서 함수를 정의하는 방법은 크게 두 가지로 나눌 수 있다 function statement를 사용하는 방법 arrow fuction expression을 사용하는 방법 🧑🏻‍💻 function statement를 사용한 함수 정의 function sum(a, b) {..

🧹 두서없이 적는 쉬운 정리 1. 데이터로 연산할 때 연산자를 사용한다. 2. 연산자는 [대입, 산술, 증감, 관계(비교), 동등, 일치, 이진 논리, 조건부(삼항)]가 있다. 3. 대입 연산자 : 말 그대로 대입, '=' 사용 4. 산술 연산자 : 사칙연산, %(나머지), **(지수)로 구성 5. 증감 연산자 : 증가, 감소를 시행, '++'와 '--'를 사용 6. 관계(비교) 연산자 : 비교를 시행, ['', '=']를 사용 7. 동등 연산자 : 동등한지 비교, '=='를 사용 8. 일치 연산자 : 완전히 일치한 지 비교, '==='를 사용 9. 이진 논리 연산자 : true와 false값을 비교, '||'와 '&&'를 사용 10. 조건부(삼항) 연산자 : 조건에 따라 결과가 두 가지로 나눠지는 것..

🧹 두서없이 적는 쉬운 정리 1. JavaScript는 쉽게 말해 동작이다. 2. 정리하면 HTML(생선 뼈), CSS(비늘, 색깔, 살), JS(뛰어오르다, 숨 쉬다) 3. JavaScript의 정식 명칭은 ECMAScript이다. 4. JavaScript 스크립트 언어이고 런타임에 코드가 해석되고 실행된다. 5. 변수에 값이 들어갈 때 자료형이 정해진다. 변수는 var, let, const로 선언하지만 let을 사용한다.(호이스팅) 6. 배열 자료형에는 여러 서로 다른 자료형이 함께 들어갈 수 있고 index로 값에 접근할 수 있다. 7. Object(객체) 자료형은 값이 key value로 이루어져 있다. (자세한 내용은 아래 참고) 👨🏻‍🏫 JavaScript의 소개 만약 웹사이트에서 동적인 처리..

🧹 두서없이 적는 쉬운 정리 1. HTML은 쉽게 말 해 생선 뼈 2. CSS는 생선 살(눈, 비늘, 색깔 등) 3. 를 보고 웹 사이트의 성격 및 속성들을 확인할 수 있다.(제목, 이름) 4. 속 정보들을 메타 데이터라고 한다. 5. SPA는 HTML하나로 구성되어있고 비어있는 가 있다. 그 비어 속을 동적으로 변경하면서 보여준다. 6. 동적으로 변경해 주는 걸 리엑트로 구현할 수 있다. (자세한 내용은 아래 참고) ☠️ HTML란? '웹 사이트의 뼈대를 구성하기 위해 사용되는 마크업 언어'이다. HTML은 태그를 사용하여 구조적인 요소를 정의한다. '태그'는 여는 태그()와 닫는 태그()의 형식으로 작성된다. 예를 들면 는 웹 사이트의 내용을 감싸는 태그이다. 🔖 주요 태그들 웹 사이트의 뼈대를 구성..