taecode 코딩 기록

문자열 ( String )  > 큰따옴표("")로 감싸진 문자열  - 선언, 할당 방법// 방법1.문자열 리터럴을 String 타입의 변수에 할당하는 방법String name1 = "taekho";// 방법2.String 클래스의 인스턴스를 생성하는 방법String name2 = new String("taekho");   - 문자열간의 비교String name1 = "taekho";String name2 = "taekho";String name3 = new String("taekho");String name4 = new String("taekho);boolean comparison1 = name1 == "taekho"; // trueboolean comparison2 = name1 == name..

클로저 (개념만) MDN이 정의한 클로저A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). -mdn(2023) > 클로저는 함수와 그 함수 주변의 상태의 주소 조합이다. 간단하게 이해하자면 함수와 그 함수가 선언된 환경을 기억하는 특별한 기능이다. (함수가 자신이 태어난 곳의 주변 환경을 기억하고 접근할 수 있는 능력)function 외부함수(x) { let y = 10; function 내부함수() { console.log(x + y); } return 내부함수;}let 클로저 = 외부함수..

객체 줄바꿈 문자 (개행 문자)  :  " \n "변수로 property를 입력할 때는 dot notation 사용 불가 Bracket 사용key 와 value를 묶어서 entry 라고 함.  for...in 문과 for...of 문- for...in 문객체의 열거 가능한 속성을 순회한다.용도 : 주로 객체의 속성(키)를 순회할 때 사용한다.동작 : 객체의 각 속성 이름 ( 키 ) 를 변수에 할당한다.// 예시let person = {name: "taco", age: 27, city: "Incheon"};for (let key in person){ console.log(key + ": " + person[key];}//출력/* name: taco age: 27 city: Incheon*/   ..

반복문 문제 중 체크빈 문자열의 길이 : str.length === 0; 문자열은 불변 ( 순서를 바꾸거나 변환 불가 ) - 참조자료형인 String 타입은 주소만 가리키고 있기 때문에 통째로 바꿀 수는 있지만 (재할당) 세부요소만 바꾸지는 못함- 또한, String 타입을 재할당하는 것은 원래 주소를 바꾸는 것이 아니라 새로운 주소를 할당하고 원래의 주소도 지우지 않기 때문에 비효율적이다. 소수를 구하는 알고리즘 : 제곱근 까지만 보면 된다. ( ex. 17이라면 4.xx이기 때문에 4까지만 반복문을 돌려보면 된다. - 아래 코드 중 12, 13번째 줄 확인function listPrimes(num) { // 결과를 저장할 문자열 변수, 가장 작은 소수가 2기 때문에 2로 초기화 let re..

for 문대표적인 반복문으로, 반복문을 사용하면 불필요한 코드를 반복적으로 사용하지 않고 간결하게 코드를 작성 할 수 있다.let result = 0;result = result + 1; // result = 0 + 1 -> result = 1 // result+= 1;result = result + 2; // result = 1 + 2result = result + 3; // result = 2 + 3result = result + 4; // result = 3 + 4result = result + 5; // result = 4 + 5console.log(result); // 15// 반복문 사용let result2 = 0;for(let i = 1; i  - 반복문과 조건문은 서로를 내부에 포함해서 사..

if 문- if문은주어진 조건식의 참 (true) / 거짓 (false) 여부에 따라 실행이 결정된다.- 따라서 참과 거짓을 판단하기 위해 조건식이 boolean 타입이 되도록 작성. if (true) { // 소괄호의 조건식이 참으로 평가된 경우 내부의 코드가 실행된다. console.log("hello, world");}   조건식에 사용될 수 있는 연산자의 종류 - 동치연산자(===) > 두 피연산자가 동일하면 true, 그렇지 않으면 false 반환, !== 는 반대로 두 피연산자가 동일하지 않으면 true, 동일하면 false를 반환한다. ㄴ 헷갈림 주의let name = "taekho";if (name === "taekho"){ cnosole.log("동일합니다."); } - 비교연산자 ( >..

https://nodejs.org/en Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 설치 파일 다운로드 후 설치 설치 후 Node 정상 실행 확인하기> cmd 창에 node -v 입력> 정상 버전인지 확인

https://code.visualstudio.com/ Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.code.visualstudio.com  Download for Windows  설치 파일 실행  약관 동의 후 다음  기타 부분 전부 선택  설치

JavaScript 란?- 웹페이지를 동적이고 상호작용적으로 만드는데 사용되는 스크립팅 언어. - 웹페이지의 동작과 기능을 담당한다.  JavaScript 타입 목록목록원시 자료형number, string, boolean, undefined, null 등참조 자료형함수, 배열, 객체 등Java와 비슷한 부분은 쉽게 이해했지만 **undefined와 null의 차이를 유의해야겠다. * undifined : 변수가 선언되었지만 값이 할당되지 않은 상태를 나타낸다.> 함수가 명시적으로 값을 반환하지 않을 때 자동으로 반환된다.> JavaScript 엔진이 자동으로 할당하는 값  * null : 의도적으로 값이 없음을 나타내기 위해 개발자가 명시적으로 할당하는 값> 객체가 의도적으로 비어있음> typeof 연산..

CSS(Cascading Style Sheets)- HTML로 만들어진 문서의 시각적 스타일(디자인)을 정의하는 스타일시트 언어- UI를 보다 사용자 친화적으로 만들어서 UX를 향상시키고 웹페이지의 전반적인 디자인 품질 상승학습 정리 - , 를 사용하지 말아야 하는 이유 : 이전에는 스타일을 별개로 정의한다는 콘셉트가 없었지만 지금은 *관심사 분리라는 패러다임을 적용하여 HTML 파일로는 구조를 설계하는 일에만 집중하고, CSS 파일로는 스타일링만 담당하도록 작성한다. - 절대 단위와 상대 단위  절대 단위 : px, pt  상대 단위 : %, em, rem, ch, vw, vh 등> 글꼴 사이즈를 정할 때 - px(픽셀)은 인쇄와 같이 화면의 사이즈가 정해진 경우에 유리, 일반적인 경우에 rem을 많..