본문 바로가기

Front-End54

조건문 , 반복문 정리 조건문이란, 프로그래머가 명시한 자료형 조건이 참인지 거짓인지에 따라 잘라지는 계산이나 상황을 수행하는 프로그래밍 문법이다. if문if문은 else,eles if문으로 세분화 된다. if문if는 만약~라면으로 해석하면 이해하기 쉽다.소괄호는 논리형 데이터가 참일 경우 블록 {}안의 코드를 실행한다. if문이 한줄이면 , 중괄호를 생략할 수 있다. 표현값에 논리에 따라서 사용하고 싶을 때 쓰는 게 if문이다.function testScore() { score = 59; if (score >= 90) { return "A"; } else if (score >= 80) { return "B"; } else if (score >= 70) { return "C"; } else if (score >= 60) { r.. 2024. 7. 16.
[유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 2기 - 사전직무교육 1주차 후기 목차1.개인적인 소감2.진행과정3.배운 내용 다른 교육과정도 붙었지만 내 선택은 유데미 & 스나이퍼팩토리였다.지인분께서 여기를 나오고 좋았다는 평과 수코딩님이 가르치는 next.js.이 두가지가 나에겐 엄청난 매력으로 다가왔다. 개인적으로 생활코딩,수코딩님의 유튜브를 보며 코딩을 시작했기 때문에강의 퀄리티는 의심치 않았고 생각보다 더 좋아서 놀랐다. 거리가 좀 있어서 피곤하긴 했지만 왕복 2시간은 문제가 안됐다. 첫날은 좀 여유있게 흘러 갔으나 다음날부턴 쉽지 않았다."아 내가 JS에 대해 정말 많이 부족하구나"옆에 있는 동기분들도 대단하신 분들이 너무나 많아이 분들과 함께 수업을 듣는다는게 스스로에게 대견할 정도였다. 나는 이 캠프에 온 걸 정말 잘한 결정이라 생각한다.2. 1주차 진행과정1일차 OT .. 2024. 7. 15.
빌트인 생성자 Date(JS) Date는 자바스크립트에서 내장된 객체이며 , 메소드 또는 함수가 아니라 객체생성자(Constructor)다. 객체 생성자는 객체를 생성할 떄 사용되며 , 해당 객체의 인스턴스를 만들어 낸다. 이 객체를 사용하여 날짜와 시간을 다를 수 있다. date는 월만 0부터 시작함. 그래서 5로 쓰면 6월임 이건 한번 하면 끝남. 이건 정해놓은 시간마다 반복실행함. 2024. 3. 15.
객체(Object)와 메소드(method) 일단 컴퓨터를 예로 든다면 객체는 폴더이다.(document,window~~) 메소드는 폴더 안에 실행파일. (getElementById , addEventListner) 객체.메소드.메소드. 함수(){함수내용 } 이렇게 객체와 메소드는 객체 지향 프로그래밍에서 데이터와 기능을 하나로 묶어 관리하고 사용하는 중요한 요소임. 객체 - 데이터와 그 데이터에 관련된 동작을 포함한 개념 자바스크립트의 객체는 키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 집합이다 {}를 사용해서 정의하고 키,값 쌍의 형태로 속성을 나타냄. let person = { name: 'John', age: 30 }; 이런 코드이면 person이 객체 name, age는 property 데이터 -property.. 2024. 3. 15.
메소드 (forEach , map , filter ) for Each배열의 각 요소에 대해 주어진 동작을 "실행"한다. 각 요소에 대해 반복문을 돌린다. 그러나, 배열 자체를 바꾸진 않는다.그래서 "특정상황"에만 쓴다. (실행은 하되,새롭게 배열을 만들고 싶지 않을 때)   배열이 있으면 , 그 요소에 각각 함수나 동작을 실행하고 싶을 때 쓰는 것이다.const numbers = [1, 2, 3, 4]; // 각 숫자를 두 배로 만들어 출력하는 예제numbers.forEach((number) => {console.log(number * 2);});// 결과: 2, 4, 6, 8그러니까 각각이라는게 지금처럼 1 ,2,3,4 가 콘솔로그에 각각 찍히는거지이걸 어디에 쓰느냐?만든 배열에 뭘 동작하고 싶을 때 쓰는거지. *, % , /  , + - 등등.근데 얘.. 2024. 3. 15.
DOM이란? 웹문서를 객체화 한 것을 DOM이라 부름 이 DOM은 트리구조를 갖고 있다. DOM을 통해 HTML을 프로그래밍 언어(예: JavaScript)에서 다룰 수 있게 되는 것은 정확히는 HTML 문서를 객체 모델로 변환하여 프로그래밍에서 다루기 쉽게 만드는 것임. 이것은 HTML을 객체화한다기보다는 HTML 문서를 프로그래밍에서 조작 가능한 객체의 형태로 표현한다고 이해하는 것이 적합함. 이게 DOM트리이고 각각의 요소를 Node라고 부른다. 접근한다. 제어한다. 이게 끝이다 브라우저 자체를 제어하도록 모델링 한 것 CSS를 자바스크립트에서 조작할 수 있도록 한 것. DOM은 문서객체모델로 브라우저->자바스크립트로 html 요소를 제어할 수 있도록 하는 API 이건 자바스크립트 언어 자체가 아니다 . API.. 2024. 3. 14.