6월 23일 부트캠프 대망의 첫 시작 10시에 Zoom에서 OT가 진행되었다🌟 부트캠프에서 꼭 얻어야하는 것 두가지자기주도적 학습습관 형성 적극적인 질문과 토론 충분한 학습시간 확보건강관리자가진단과 회고 , 기록협업 커뮤니케이션 능력Growth Mindset학습 능력
💻 Unit2 1.변수 변수(variable) 변수는 상황에 따라 변할 수 있는 값 > 변수란, 숫자(합계나 계산에 사용되는) 또는 문자열(문장의 일부로 사용되는)과 같은 값의 컨테이너 -mdn let 으로 선언 let myname; = 으로 할당 myna
💻 Unit3 1. 조건문 조건문 Conditional statement 조건문은 어떠한 조건을 판별하는 기준을 만드는 것 조건문에는 반드시 비교 연산자(comparison operator)가 필요 조건문(conditional statement)은 주어진 조건식
Unit 3 반복문 반복문 같거나 비슷한 코드를 여러 번 실행시켜야 할 경우에 쓰는 구문 반복할 조건을 초기화, 조건식, 증감문, 순으로 넣어준다
💻Unit4 1. 웹개발 이해하기 웹 개발에는 세가지의 개발 언어가 필요하다. HTML과 CSS 그리고 Javascript가 있다. HTML은 웹의 내용과 구조를 담당하고, CSS는 콘텐츠를 꾸며주는 시각적인 표현 즉 , 스타일을 담당하는 디자인 언어이다. J
UNIT5 CSS 기초 1. CSS CSS는 웹 페이지 스타일 및 레이아웃을 정의하는 스타일 시트 언어. HTML로 웹페이지의 구조를 잘 만든뒤 CSS를 이용해 UI및 레이아웃 등 스타일을 설정 구성하여 웹페이지를 만들 수 있다 CSS를 사용하여 화면의 구성이나
와이어프레임(Wireframe)웹이나 애플리케이션을 개발할 떄 레이아웃의 뼈대를 그리는 단계를 와이어프레임이라고 한다. 선이나 도형으로 웹이나 앱의 인터페이스를 시각적으로 묘사한 것이다. 레이아웃이나 제품의 구조를 보여주는 용도이다.대부분의 산업에서 목업은 실물 크기의
목업
Unit 8 Command-Line Interface Mac에서 터미널 열기! 터미널은 CLI (Command-Line interface)이다. 키보드의 입력을 확인하고 편집할 수 있는 한 줄의 공간을 프롬프트(Prompt)라고 한다. 프롬프트에 명령어를 입력하여
💻 Unit 9 배열 배열은 순서가 있는값 요소(element) , item 배열 기초 배열의 반복 for of 배열 메서드 push 배열 뒤 요소 추가 / 원본데이터 수정 add to end pop 배열 뒤 요소 삭제 / 원본데이터 수정 remov
객체 Object객체는 키(key)와 값(value)으로 구성된 프로퍼티(Property)들의 집합중괄호({})를 사용하여 객체를 성성한다.객체의 프로퍼티 값을 조회하는 방법에는 두가지가 있다.마침표(.) 표기법 dot notation 대괄호(\[])표기법 bracke
primitive data typesnumber, string , boolean , undefined , null ,bigint, symbol 원시 자료형은 모두 "하나"의 정보, 즉 데이터를 담고 있다.데이터 보관함에 저장할때 하나의 데이터만 담을 수 있다.값 자체에
💻 Unit 10 💡스코프 란? 스코프(Scope, 유효범위) > 참조 대상 식별자(identifier, 변수 , 함수의 이름과 같이 어떠한 대상을 다른 대상과 구분하여 식별할 수 있는 유일한 이름)를 찾아내기 위한 규칙 Variable"visiblity"
Unit10 ES6 spread / rest 문법 ... spread 문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을때 사용한다. rest 문법 rest parameter, rest syntax 파라미터를 배열의 형태로 받
페어 분과 javascript koans 문제를 하나 씩 해결하면서 지난시간에 배웠던 개념을 정리하고 몰랐던 내용을 새롭게 알아가는 시간을 가졌다.헷갈렸던 내용이나 새롭게 알게된 개념을 다시 정리해보려고 한다!==은 느슨한 동치 연산(loose equality)===은
유닛 11 에서 DOM에 대해서 배운내용을 정리해보려고 한다.DOM은 Document Object Model의 약자로 HTML요소를 Object(JavaScript Object)처럼 조작 할수 있는 모델이라고 한다. 문서의 구조화된 표현과 접근 방법을 제공해서 문서 구
gif오늘을 마지막으로 섹션1 파트가 종료되었다! 짝짝짝👏👏👏 프론트엔드 과정이 시작되고 벌써 4주 정도가 흘렀다니.. 시간이 진짜 빠르게 지나갔다. 교육에 집중해서 일까, 따라가기 바빠서일까 둘중에 어느 이유 인지는 모르겠지만 나름 집중해서 지나온 4주인거 같
7/22 Section 2 첫 시작으로 고차함수를 공부했다 고차함수 일급객체 자바스크립트에서는 함수가 특별취급된다 변수에 할당(assignment)할 수 있음 다른 함수의 전달인자(argument)로 전달될 수 있다 다른 함수의 결과로서 리턴될 수 있다 고차함
클래스와 인스턴스 7/22 오전에는 클래스와 인스턴스에 대해서 학습했다! 객체지향 프로그래밍 객체지향 프로그래밍은 하나의 모델이 되는 청사진을 만들고, 그청사진을 바탕으로 한 객체를 만드는 프로그래밍 패턴이다. 여기서 청사진은 클래스 , 청사진을 바탕으로 한 객
🌎 객체지향 프로그래밍 > Object Oriented Programming OOP는 프로그램 설계 철학 중 하나이다 OOP의 모든것은 객체로 그룹화가 되어 메모리가 반환되기 전까지 개체 내의 모든 것이 유지된다. 객체 내에는 " 데이터와 기능이 함께 있다" 라
클래스의 특징중에 하나인 상속!상속은 어떤 객체의 프로퍼티 또는 메서드를 다른 객체가 그대로 사용할 수 있는 것을 말한다.Javascript 는 프로토타입 기반 언어모든 객체는 그들의 프로토타입으로부터 프로퍼티와 메소드를 상속받는다.자바스크립트의 모든 객체는 최소한 하
HTTP / 네트워크 웹 애플리케이션 클라이언트 - 서버 아키텍처, 2티어 아키텍처라고도 불리우는 설계 방식에 대해 알아보자! 우리가 만약 쇼핑몰 앱을 열었을때, 와이파이나 데이터를 통해 인터넷이 연결 되어 있지 않다면 어떻게 될까? 모두 다 알고 있듯이 쇼핑몰
REST API REST API? REST는 “Representational State Transfer”의 약자로, 로이 필딩 (Roy Fielding)의 박사학위 논문에서 웹(http)의 장점을 최대한 활용할 수 있는 아키텍처로 소개되어 웹에서 사용되는 데이터나
프론트엔드 개발자 되기!내가 성장할 수 있는 회사로 내년 상반기에 취업하기!🛩 미래에는 외국계 기업 5년 근무 후 디지털 노마드로 성장하기React 마스터하기아침 7시에 기상한점 (목표는 6시반 이었지만 만족)운동 꾸준히 하기 / 저녁에 걷기아프지 않고 무사히 섹션
UI ( User Interface, 사용자 인터페이스)UI 는 사람이 사용자가 제품/서비스를 사용할 때, 처음 마주하게 되는 매개물을 뜻한다.사람들이 컴퓨터와 상호 작용하는 시스템을 의미한다.화면상의 그래픽요소 , 키보드 , 마우스 와 같이 컴퓨터와 상호작용하기 위한
로컬 상태는 특정 컴포넌트 안에서만 관리되는 상태, 전역 상태는 프로덕트 전체 혹은 여러가지 컴포넌트가 동시에 관리하는 상태를 말한다. 전역 상태를 관리할때는 'single sourse of truth' 동일한 데이터는 항상 같은 곳에서 데이터를 가지고 온다를 생각하
프론트엔드 개발자 되기!내가 성장할 수 있는 회사로 내년 상반기에 취업하기!새로운 단기간 목표는 React, Redux , 로그인 시스템 완벽히 내것 만들기!section 1 , 2 때와 같이 이번 section 3 도 시간이 빠르게 지나갔다. 중간에 추석이 있어서 나
사이트를 검사하여 성능 측정을 할 수 있는 도구인 Lighthouse를 통해 Disney +의 mobile 환경을 검사를 해보았다.웹 성능을 측정웹 페이지가 웹 접근성을 잘 갖추고 있는지 확인웹 페이지가 웹 표준 모범 사례를 잘 따르고 있는지 확인웹 페이지가 검색 엔진