연습장

https://poiemaweb.com/js-syntax-basics Syntax Basics | PoiemaWebJavascript는 interactive한 웹페이지 작성을 가능하게 한다. 예를 들면, 이벤트(e.g. 버튼 클릭, 웹페이지 로딩 완료 등)에 반응하여 HTML 요소에 접근하고 HTML 요소를 조작할 수 있다. 정적인 HTML을 동적poiemaweb.com  1. 변수 변수(Variable)는 값(value)을 저장(할당)하고 그 저장된 값을 참조하기 위해 사용한다. 한번 쓰고 버리는 값이 아닌 유지(캐싱)할 필요가 있는 값은 변수에 담아 사용한다. 또한 변수 이름을 통해 값의 의미를 명확히 할 수 있어 코드의 가독성이 좋아진다. 변수는 위치(주소)를 기억하는 저장소이다. 위치란 메모리 상..

https://poiemaweb.com/js-browser Javascript Environment | PoiemaWeb대부분의 프로그래밍 언어는 운영체제(Operating System, OS) 위에서 실행되지만 웹 애플리케이션의 자바스크립트는 브라우저에서 HTML, CSS와 함께 실행된다. 따라서 브라우저 환경을 고려할 때 보다poiemaweb.com   구글의 Chrome V8 자바스크립트 엔진으로 빌드된자바스크립트 런타임 환경(Runtime Environment)인 Node.js의 등장 자바스크립트는 웹 브라우저를 벗어나 서버 사이드 애플리케이션 개발에서도 사용되는 범용 개발 언어가 되었다.하지만 자바스크립트가 가장 많이 사용되는 분야는 역시 웹 브라우저 환경에서 동작하는 웹 페이지/애플리케이션이다..

CONV(100, 10, 2) 10진수의 100을 2진수로 표기하는 함수 select A.ID as ID, CONV(A.GENOTYPE,10,2) , CONV(B.GENOTYPE,10,2) from ECOLI_DATA A left join ECOLI_DATA B on A.PARENT_ID = B.ID order by A.ID ;   A 가 B의 형질을 모두가지는걸 어떻게 비교해야될지 고민해 봤는데 반복문을 써야하나..?  형질을 가지고있다는건 1이라는뜻이고 둘다 같은 형질을 가진다는 의미는 같은 위치에 1이 존재한다는거니까 두개를 그냥 뺴봤다.   다음과 같이 부모의 형질을 모두 가지는 경우 1 과 0 으로만 표기되고 문자열의 길이(자릿수)도 변화가 없는것을 알 수 있다. 예외 상황 자식 : 110부모 ..

https://poiemaweb.com/js-hello-world Hello world | PoiemaWeb모든 브라우저는 자바스크립트를 실행할 수 있는 자바스크립트 엔진을 내장하고 있다. 뿐만 아니라 Node.js도 자바스크립트 엔진을 내장하고 있다. 따라서 자바스크립트는 브라우저와 Node.js 환경poiemaweb.com  자바스크립트는 브라우저와 Node.js 환경에서 실행할 수 있다. 브라우저HTML, CSS, 자바스크립트를 실행하여 웹 페이지를 화면에 렌더링클라이언트 사이드 Web API를 지원 (DOM, BOM, Canvas, XMLHttpRequest, Fetch, requestAnimationFrame, SVG, Web Storage, Web Component, Web worker)  N..

ESLintJavaScript 코드에서 문제를 식별하고 코드 스타일을 검사하는 도구입니다.일관된 코딩 스타일을 유지하고, 잠재적인 버그를 사전에 발견하여 코드 품질을 향상시키는 데 사용 ESLint의 주요 기능과 특징은 다음과 같습니다:문법 검사(Syntax Checking):ESLint는 JavaScript 코드의 문법을 엄격하게 검사하여 잘못된 구문이나 문법 오류를 식별합니다.예를 들어, 세미콜론 누락, 괄호의 정확한 사용 등을 검사합니다.코드 스타일 검사(Code Style Checking):ESLint는 설정 파일을 통해 정의된 코드 스타일 규칙을 기반으로 코드의 일관성을 검사합니다.들여쓰기, 공백 사용, 변수 선언 방식 등 여러 가지 스타일 규칙을 지원하며,개발 팀이 공통된 코딩 스타일을 유지할..

Webpack모듈 번들러(Module Bundler) , 웹 애플리케이션을 구성하는 자원(HTML, CSS, JavaScript, 이미지 등)을 모두 모듈로 보고이를 번들링하여 하나의 또는 여러 개의 번들 파일로 만들어주는 도구프론트엔드 개발에서 모듈간의 의존성 관리와 번들링 작업을 효율적으로 수행하기 위해 사용  번들 파일 (Bundle file)하나로 묶어서 관리하고 제공하는 파일네트워크 요청 수를 줄이기 때문에 로딩 시간이 단축코드 최적화 및 압축이 가능하여 파일 크기를 줄이고 성능을 향상모듈 간의 의존성을 관리필요한 경우 코드 스플리팅(Code Splitting)을 통해 필요한 모듈만 로딩 지원 번들링 (Bundling)프론트엔드 개발에서 여러 개의 파일(예: 자바스크립트 파일, CSS 파일, 이..