본문 바로가기

Frontend Dev/🐥 코드스테이츠 FE 부트캠프

(78)

Section1 Unit9 JavaScript 핵심 개념과 주요 문법 - 자료형, 스코프, 클로저 Section1 Unit9 [JavaScript] 핵심 개념과 주요 문법 - 자료형, 스코프, 클로저 📌 Chapter1. 원시 자료형과 참조 자료형 • 원시 자료형(primitive data type) : number, string, boolean, undefined, null → 데이터를 복사 때 데이터값이 복사되기 때문에 기존의 데이터에 영향이 가지 않는다. • 참조 자료형(reference data type) : array, object, function → 데이터 복사 시 주소를 복사하기 때문에 기존의 데이터에도 영향이 간다. 📌 Chapter2. 스코프 • 스코프(scope)는 변수와 함수가 유효한 범위를 결정하는 규칙이다. 스코프는 변수와 함수가 언제, 어디서, 어떻게 사용 가능한지를 정의한..

Section1 Unit8 JavaScript 객체 Section1 Unit8 [JavaScript] 배열, 객체 - 객체 📌 Chapter2. 객체 • 객체란 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합. let user = { fristName: "Haily", lastName: "Lee", city: "Seoul" }; // 객체표기법 user.firstName // Haily → Dot notation user["city"] // Seoul → Bracket notation → 객체는 키(key)와 값(value)으로 이루어지며, 키와 값 사이는 콜론(:)으로 구분한다. → 중괄호를 이용해서 객체를 만들고, 키과 값은 쉼표로 구분한다. ⬇︎ 키 값이 동적으로 변할 때는(ex. 변수일때) Bracket..

Section1 Unit8 JavaScript 배열 Section1 Unit8 [JavaScript] 배열, 객체 - 배열 📌 Chapter1. 배열 • 배열은 이름과 인덱스로 참조되는 정렬된 값의 집합으로, 하나의 변수에 여러 개의 데이터를 저장할 수 있다. 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 한다. // 배열 선언 let myNumber = [7, 45, 34, 123, 3]; // 배열 조회 myNumber[3] // 123 값을 조회. myNumber[3] = 200; // 값을 변경 myNumber[5] // undefined myNumber.length // 5 • console.table() 표 형식의 데이터를 테이블로 표시한다. → 이렇게 출력할 수 있는..

Section1 Unit7 Linux, Git 기초 Section1 Unit7 [Linux/Git] 기초 📌 Chapter1. Command-Line Interface • 터미널(Terminal)은 입력하는 글자와 출력되는 글자로 컴퓨터와 소통할 수 있는 CLI(Command-Line Interface) CLI로 생성한 폴더나 파일은 GUI로 확인할 수 있고, GUI로 작업한 내용도 CLI에서 확인할 수 있다. • Terminal에서 사용할 수 있는 기본적인 명령어들도 학습했다. 평소에 헷갈렸던 부분들이 많았는데, 이번 수업으로 정리를 할 수 있었다. 노션에 따로 정리는 해 두었는데, 시간나면 따로 블로그에 게시글로 쓰면 좋을듯 하다 :) 라이브 세션에서의 수업도 알차고, 재미있었다 👍🏻 • 우리는 서비스의 소비자가 아니라 공급자이기 때문에 컴퓨터에 대해..

Section1 Unit6 간단한 웹앱 만들기 - 계산기 구현 (기본) Section1 Unit6 간단한 웹앱 만들기 - 계산기 구현 (기본) ⭐️ 과제1. 계산기 구현하기 Bare Minimum Requirements ✓ clear 버튼을 눌렀을 때, 화면에 0, +, 0, =, 0 순서로 보여야 합니다. ✓ 처음 숫자 버튼을 눌렀을 때, 첫 번째 화면에 누른 숫자가 보여야 합니다. ✓ 숫자 버튼과 연산자 버튼을 눌렀을 때, 첫 번째 화면는 숫자, 두 번째 화면에는 연산자가 보여야 합니다. ✓ 숫자 버튼, 연산자 버튼, 숫자 버튼을 눌렀을 때, 화면에 숫자, 연산자, 순자의 순서로 보여야 합니다. ✓ 숫자 버튼, 연산자 버튼, 숫자 버튼, 엔터 버튼을 눌렀을 때, 화면에 숫자, 연산자, 숫자, =, 연산 결과의 순서로 보여야 합니다. ✓ 연산 시 script.js의 cal..

Section1 Unit5 JavaScript 기초 - 함수 Section1 Unit5 [JavaScript] 기초 - 함수 📌 Chapter6. 함수 함수 챕터에서는 함수의 정의와 호출하는 방법, 함수 선언문과 함수 표현식, 매개변수와 전달인자, 그리고 return 문에 대해서 학습했다. 함수가 무엇인지와 함수를 정의하는 방법인 함수 선언문과 함수 표현식, 그리고 함수를 호출한 곳에 반환시켜 실행된 결과를 전달시키는 반환문은 따로 정리를 해보았다. JavaScript에서 함수(function)란 무엇일까? 👾 함수(function)란? 자바스크립트에서 함수는 하나의 기능을 수행하는 코드 블록이며, 재사용 가능한 코드를 작성하는 데 중요한 역할을 한다. 함수는 인자를 받아들이고 실행할 코드 블록 내에 fay-story.com 자바스크립트 반환(return)문 사용..

Section1 Unit5 JavaScript 기초 - 조건문 & 반복문 Section1 Unit5 [JavaScript] 기초 - 조건문 & 반복문 📌 Chapter4. 조건문 • if문 조건식의 결과가 참(true)이면 주어진 실행문을 실행하고, 거짓(false)이면 아무것도 실행하지 않는다. if(조건식) { 실행문; } • if ~ else문 조건식의 결과가 참(true)이면 실행문1을 실행하고, 거짓(false)이면 실행문2을 실행한다. if(조건식) { 실행문1; } else { 실행문2; } • 삼황조건연산자 if문을 축약해서 사용할 수 있으며, 아래와 같이 사용할 수 있다. 조건식? 참 : 거짓 📌 Chapter5. 반복문 • for 반복문 for(let i=초기값; 조건식; 증감식) { 실행문; } • while 반복문 특정 조건을 만족할 때까지 계속해서 주..

Section1 Unit5 JavaScript 기초 - 타입 & 변수 코드스테이츠 프론트엔드 부트캠프를 시작한지 일주일이 지났다. 지난주를 마지막으로 예비수강생이었던 분들은 자리가 나지 않으면 다음 회차로 넘어가셔야 했던 것 같다. 어제부터 프론트엔드 & 백엔드 과정 함께 동기부여 세션을 들었을 때 인원이 좀 줄은것 같았다. 그리고 오늘 드디어 자바스크립트 Unit으로 들어갔다! HTML과 CSS를 일주일로 마무리를 하다니..! 처음 배워본 사람이 접하면 시간이 너무 부족할 것 같다는 생각이 들었다. 나 또한 더 재밌는 CSS와 의미있는 구조를 위한 HTML을 더 많이 배우고 싶기는 하지만, 개인적으로는 얼른 JS와React를 빨리 다루고 싶다는 생각이 들었다. Section1 Unit5 [JavaScript] 기초 - 코드기초 & 타입 & 변수 📌 Chapter1. 코드..

이전 1 ··· 6 7 8 9 10 다음

티스토리툴바