
html 기본 태그로 자기소개 웹페이지 만들기
css로 진입하니 장벽이 높게만 느껴지는 거 같아 벌써부터 머리가 아프다
Math 객체와 내림연산 사용하여 리턴하기 Math.floor(): 괄호 안의 숫자를 내림하여 반환한다. 주어진 숫자가 같거나 작은 정수 중에서 가장 큰 수를 반환한다. 인자1과 인자2의 평균길이를 내림하여 리턴한다. Math 객체 대소문자 구분을 하지 않아서 처

2주차 과제에 이미 아래 내용이 변수로 선언되어 있었다. 계산기 사칙연산 기능 구현 > function calculate(n1, operator, n2) { let result = 0; // TODO : n1과 n2를 operator에 따라 계산하는 함수를

목표! 숫자 버튼을 누르고 화면에 숫자를 입력하기 숫자 버튼을 눌렀을 때, 계산기의 화면에 숫자가 보여야 합니다. 숫자 버튼을 여러 번 눌렀을 때, 계산기 화면에 숫자가 이어 붙여져야(concatenation) 합니다. 연산자 버튼 동작 시키기 연산자 버튼을 눌렀을 때, 계산기 화면에 보이는 숫자를 따로 저장하고 계산할 준비를 해야 합니다. Enter ...

1부터 10까지 반복문 출력하기 1부터 10까지 짝수만 출력하기 1부터 10까지 홀수만 출력하기 이중 반복문 (구구단)

명령줄 인터페이스, 또는 명령어 인터페이스는 텍스트 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식을 뜻한다

프로젝트를 하기 전 우선 아래의 내용을 다시 한번 복습하고 시작했다.

Code states 프론트엔드 부트캠프 section.1 활동을 통해 기록했던 것, 그리고 느꼈던 것들을 공유하고자 합니다. 설레임을 가득 안고 4월 11일 부트캠프 시작 2022년 12월, 개발자라는 부푼 꿈을 가지고 오래 다녔던 넷마블과도 작별인사를 건넨지가 3개월 정도 지났던 것 같습니다. 등록해두었던 코드 스테이츠 부트캠프 알림 메시지와 함께...
객체지향 프로그래밍 > 하나의 모델이 되는 청사진을 만들고, 그 청사진을 바탕으로 한 객체를 만드는 프로그래밍 패턴 청사진을 바탕으로 한 객체: 인스턴스 객체(instance object) 청사진: 클래스(class) 인스턴스 객체? > 인스턴스화: 클래스로부터 인스턴스를 생성하는 것, 어떤 클래스에서 만들어진 객체를 그 어떠한 클래스의 인스턴스 객체라...

객체 지향 언어 >* class라고 부르는 데이터 모델의 청사진을 사용해 코드를 작성 javascript 객체 지향 패턴으로 작성은 가능하지만 객체 지향 언어는 아님 OOP: Object-Oriented Programming 객체 지향 프로그래밍 >1. 프로그램의 설계 철학 oop의 모든 것은 객체로 그룹화 된다. -> 이 객체는 한번 생성하면 메모리 ...

prototype? >프로토타입? 우리나라 말로 번역하면 원형 "원래의 형태" 라고 할 수 있다. 자바 스크립트는 프로토타입을 기반으로 상속이라는 개념을 제공하고 있다. 예시 예시 코드의 결과는 true 이다 > 함수는 객체이다. 따라서, 생성자로 사용되는 함수 또한 객체이며, 객체는 프로퍼티를 가질 수 있는데 prototype이라는 프로퍼티는 그 용...

React 개발 방식의 특징 >리액트 개발 방식의 큰 특징은 페이지 단위가 아닌 "컴포넌트" 단위로 시작한다. 아래의 프로토타입을 전달 받았을 때 "컴포넌트"를 찾는다면? 이렇게 컴포넌트를 찾아 나눌 수 있다. 페이지를 만들기 이전 "컴포넌트"를 먼저 만들어 하나씩 조립해 나가는 것을 알 수 있다. 즉, 상향식(bottom-up)으로 앱을 만들며 상...
내가 선택한 앱은 INSTAGRAM 모바일 앱 기능을 clone 하여 구현하고자 하였으며 과제 제출을 위해 user flow를 작성해보고자 한다. User Flow? >사용자 흐름(user flow)은 사용자가 제품에 진입한 시점을 시작으로 취할 수 있는 모든 행동을 뜻하며, 보통 아래 이미지처럼 다이어그램을 그려서 정리한다. instagram 앱 ui...
section 3, React Custiom Component에서 풀이한 종합퀴즈 정리 1 > CSS in JS에 대한 설명으로 옳은 것을 모두 고르시오 CSS in JS에는 대표적으로 styled-components가 있다. css 작성을 위해 여러 라이브러리를 사용하게 되므로 번들의 크기가 커진다 2 > component Driven Develo...
웹 콘텐츠 접근성 지침 W3C이 웹 접근성 권고안인 ‘WCAG(Web Content Accessibility Guidelines) 2.0’을 기반으로 한국 실정에 맞게 조금 수정한 ‘한국형 웹 콘텐츠 접근성 지침 2.1’ 내용을 정리함 인식의 용이성(Perceivable) 1. 적절한 대체 텍스트 > 텍스트가 아닌 콘텐츠는 그 의미나 용도를 이해할...

웹 서버와 사용자의 인터넷 브라우저 사이에 문서를 전송하기 위해 사용되는 통신 규약클라이언트 서버 구조무상태 프로토콜(Stateless), 비연결성 (Connectionless)HTTP 메세지단순함, 확장 가능클라이언트 서버 구조클라이언트가 서버에 요청을 보내면 서버는

Hasing이란 무엇인가? hash function을 사용하여 암호화를 진행하는 가장 많이 쓰이는 암호화 방식 중에 하나 hash function? 키(Key) 값을 값(Value)이 저장되는 주소 값으로 바꾸기 위한 수식 해시 함수 특징 항상 같은 길이의 문자열을 리턴합니다. 서로 다른 문자열에 동일한 해시 함수를 사용하면 반드시 다른 결과값이 나옵니...

접근 권한 위임 한 서비스가 다른 서비스에 있는 보호된 리소스에 대한 접근 권한을 위임하거나 받는 기능 >예를 들어 내 인스타그램 계정에 있는 이미지들을 다른 사이트로 가지고 오고 싶거나, 이 사이트에서 구글 캘린더 일정을 가져와 수정하고 싶거나 이런 경우들이 생기게 되었다. 하지만, 이런 인스타그램 또는 구글의 경우 아무런 인증 없이는 접근이 불가능한...