profile
뉴비입니다

TypeScript

TypeScript는 Microsoft 에서 개발 및 유지 관리하는 오픈 소스 언어큰 스케일의 애플리케이션 개발을 위해 설계된 언어JavaScript에 정적 타이핑과 선택적 타입 annotation 추가JavaScript의 상위 집합이 TypeScript모든 Javas

2025년 1월 7일
·
0개의 댓글
·
post-thumbnail

오즈코딩스쿨 with AWS 해커톤의 날!!

안녕하세요! 오즈코딩스쿨 초격차 과정 7기 정봉석입니다. 이번에 AWS JAM에 참여한 경험을 공유하고자 합니다. 부트캠프를 통해 웹 개발의 기초를 다졌지만, AWS사옥에 가서 해커톤도 한다고 하더라구요? 재밌어 보여서 참여했습니다.AWS를 가면 좋은 스토리가 될거라고

2025년 1월 3일
·
0개의 댓글
·
post-thumbnail

Node.js & NPM

Node.js가 등장한 이유에 대해 간단하게 설명하세요.\-javascript를 브라우저 밖에서 쓸 수 있게 하자는 아이디어에서 등장했습니다.Node.js의 장점을 들어 Node.js를 사용하는 이유에 대해 설명하세요.\-node.js는 자바스크립트 기반이기 때문에 프

2024년 11월 18일
·
0개의 댓글
·
post-thumbnail

비동기 데이터 통신

HTTP(Hyper Text Transfer Protocol)는 웹 브라우저와 웹 서버가 데이터를 주고 받을 수 있게 디자인된 통신 규약이다.우리가 웹을 통해서 데이터를 주고 받을 때 그 데이터를 주고 받는 방식의 이름이 HTTP이다.HTTP는 웹에서 이루어지는 모든

2024년 10월 28일
·
0개의 댓글
·
post-thumbnail

javascript 로컬 저장소

이 속성은 현재 도메인의 로컬 저장소에 접근할 수 있게 해주는 속성이다.웹브라우저에서 각 도메인에 대해 할당해주는 저장 공간으로, 여기에는 데이터를 영구적으로 보관할 수 있다.데이터 보관 시에는 데이터의 이름과 데이터의 실제 값을 각각 지정하며, 이때 데이터 타입은 문

2024년 10월 25일
·
0개의 댓글
·
post-thumbnail

JSON?

자바스크립트 객체 표기법을 뜻하며, 이는 자바스크립트 객체를 문자열로 표현하는 데이터 포맷이다.주로 자바스크립트에서 사용할 수 있는 객체 타입을, 다른 프로그래밍 언어에서도 사용할 수 있는 형태(문자열)로 변환하기 위해 사용한다.JSON 형식은 자바스크립트 객체 리터럴

2024년 10월 25일
·
0개의 댓글
·

javascript 객체 만들기

객체를 구성하는 속성(값이나 기능)의 이름과 실제 값을 한 쌍으로 묶어 표현하는 '객체 리터널'을 이용하면 객체를 생성할 수 있다.이 때 속성의 이름을 키(key), 속성의 실제 값을 밸류(value)라 한다.여기서 name과 town은 키, "국희"와 "부천"은 밸류

2024년 10월 25일
·
0개의 댓글
·
post-thumbnail

javascript Math

Math는 수와 관련된 속성과 메소드를 가진 내장 객체이다! 생성자 아님 주의자주 사용되는 메소드 종류!

2024년 10월 24일
·
0개의 댓글
·
post-thumbnail

javascript 배열,classList

여러 개의 데이터를 보관하는 역할을 수행하는 객체이다.이전까지 변수(또는 상수)에는 데이터를 하나씩만 대입할 수 있었지만, 배열을 사용하면 여러 개의 데이터를 대입할 수 있다.배열 리터럴쉼표로 구분한 값을 대괄호로 묶어서 표현Array 생성자로 생성하기!배열을 만드는데

2024년 10월 24일
·
0개의 댓글
·

빌트인 생성자

자바스크립트는 개발자의 편의를 위해 유용한 기능을 제공하는 빌트인 생성자 또는 빌트인 객체를 지원한다.빌트인 생성자 : JavaScript에 새로운 객체를 생성하기 위한 내장함수입니다.이를 이용하여 객체를 생성할 수 있습니다.ex ) Object(), Array(),

2024년 10월 23일
·
0개의 댓글
·

객체를 만드는 생성자

객체.데이터(객체가 가지고 있는 숫자, 문자 등의 다양한 데이터를 사용할 수 있고 객체가 가지고 있는 데이터를 가르켜 일반적으로 '속성'이라고 한다.)객체.기능()(객체가 가지고 있는 다양한 기능을 수행할 수 있다.(괄호 필수).객체가 가지고 있는 기능을 가리켜 일반적

2024년 10월 23일
·
0개의 댓글
·

switch문

선택문인 switch문은 변수에 저장된 값과 switch문에 있는 경우(case)의 값을 검사하여 변수와 경우의 값에서 일치하는 값이 있을 때 그에 해당하는 코드를 실행한다.break : switch문을 빠져나올 때 사용한다.default : 목록 중에 없는 경우 de

2024년 10월 21일
·
0개의 댓글
·

JavaScript (논리,병합 연산자)

논리 연산자 자바 스크립트엔 세 종류의 논리 연산 ||(or), &&(and), !(not) 이 있다. ||(or) 값을 비교 시 둘 중 하나라도 참(true) 일시 참(true)를 반환하고, 그렇지 않으면 (거짓)false 반환 첫 번째 truthy를 찾는 OR

2024년 10월 21일
·
0개의 댓글
·

value 속성

(input)(select)처럼 사용자로부터 입력을 받는데 사용 되는 요소들이 있다. 여기에서 사용자가 입력한 값을 읽어들일 때는 요소의 value 속성을 써보자차이점요소에 쓰여져 있는 텍스트에 접근한다:textContent사용자가 직접 요소에 입력한 값에 접근하고 싶

2024년 10월 21일
·
0개의 댓글
·

이벤트 핸들링

웹 프로그래밍에서 이벤트란, DOM에서 발생하는 다양한 액션 또는 상호작용 동작을 나타내는 프로그래밍 인터페이스이다.예시웹페이지 사용자가 버튼을 클릭(클릭 이벤트)웹페이지 사용자가 키보드를 누름(키다운 이벤트)입력 폼의 내용을 제출(제출 이벤트) 등다양한 상황에 대한

2024년 10월 21일
·
0개의 댓글
·

Javascript 함수 정의

'불러서 쓸 수 있는 코드 조각'이다. 변수를 선언하고 데이터를 대입하면 변수의 이름을 데이터(값) 대신 사용할 수 있는 것처럼, 함수를 선언하고 기능을 정의하면 함수의 이름을 코드 조각 대신 사용할 수 있다.함수가 만들어지고 나면, 함수명은 스스로 보관하고 있는 구문

2024년 10월 21일
·
0개의 댓글
·

if와 '?' 그리고 while과 for문

if문의 기본 형태는 다음과 같다.if(조건){조건이 true일 때 실행할 코드}예시let age = 16if(age < 20){console.log("미성년자입니다.)}변수 age의 갑싱 20보다 작다, 라는 조건이 true를 반환한다면?콘솔 창에 "미성년자입니

2024년 10월 19일
·
0개의 댓글
·

Javascript 기본

예시:== 와 != 연산자는 타입을 고려하지 않고 값만 비교합니다. 엄격한 비교를 위해서는 === 와 !== 를 사용하는 것이 좋다. 다른 연산자와 마찬가지로 비교 연산자 역시 값을 반환한다. 반환 값은 불린형이다.true가 반환되면,

2024년 10월 19일
·
0개의 댓글
·

javascript document.crateElement&appendChild

메소드는 지정된 이름의 HTML 요소를 만들어 반환한다.즉, 내가 작성한 HTML에 존재하지 않는 태그를 뒤늦게 만들어서 추가할 수 있게 도와주는 메소드이다.crateElement는 만드는 역할만 할뿐이지 웹 브라우저 화면에 추가되는 것은 아니다!appendChild

2024년 10월 18일
·
0개의 댓글
·

java script 제어문 기초

자바스크립트는 주어진 두 항을 비교할 수 있는 '비교 연산자'를 제공한다. (대소 비교),(등가 비교) → 무언갈 비교하는 작업 또한 '연산'의 일종이다.비교 연산식은 언제나 boolean 데이터를 반환한다.(true, false)등호(=) 하나는 대입 연산자이므로,

2024년 10월 17일
·
0개의 댓글
·