본문 바로가기

반응형

WINK-(Web & App)

(438)
[2024 JS 심화 백엔드 스터디] 김수아 #1주차 "JS~switch문" 01. JS(Java Script)JS는 본래 웹사이트에 사용될 목적으로 만들어졌다. (HTML은 웹페이지의 토대를, CSS는 이 요소들을 꾸민다.. 이 둘은 기능이 제한된 'Markup Language'이므로 'Programming Language'인 JS가 이에 생명을 불어넣는다)이에 JS는 '브라우저'로 한정되어 있었으나, Node.js / React Native / Electron 등의 개발로 활용범위가 확장되었다.  JS는 파이썬이나 루비처럼 'Interpreter Language' (컴파일과정 거치지 않고 바로 실행)(vs. Compiled Language)동적 자료형을 가짐 (코딩 자유롭게)객체지향 지원하는 언어 (Prototype기반)First Class Object(일급 객체들) 활용해 ..
[2024 JS 심화 프론트 스터디] 이서영 #1주차 "JS 1주차 스터디" 1.자바스크립트 특징 - 프로그래밍 언어 : 사이트에 기능을 넣어줌 - 인터프리터 언어(코딩 한 결과를 사용자에게 건네주기 전에 포장하거나 가공하는 과정, 즉 컴파일 과정을 거치지 않는 언어) 개발과정이 빠르고 유연 버그가 덜 걸러짐 실행이 조금은 느림 - 동적 자료형 코딩의 자유로움 ex) 숫자를 저장한 변수의 값을 문자열, 불리언, 객체나 배열, 함수로 바꾸기 가능 * 자바 스크립트 실습 환경 세팅 개발자 도구 열기 윈도우 : Ctrl + Shift + i 맥 : Command + Option + i 콘솔 내용 클리어 윈도우, 맥 : Ctrl + l 2. 콘솔과 주석 - 콘솔 console.log('출력할 값'); 괄호 안에 출력할 값 입력 ( 타 언어의 print 와 같은 역할 ) 개발자를 위한 메..
[2024 JS 심화 백엔드 스터디] 김규현 #1주차 "JS" 1. 자바스크립트란? - 기능이 제한된 '마크업 언어'인 html과 css와 달리 반응하고 결과를 산출되도록하는 '프로그래밍 언어'임- 초기에는 브라우저만 읽고 실행할 수 있었지만 엔진의 추출이후 활용영역이 확장됨- 컴파일 과정을 거치지 않는 인터프리터언어임- 개발과정이 빠르고 유연하지만 버그가 덜 걸러지고 실헹이 조금 느림  2. 콘솔과 주석 - 콘솔console.log('출력할 값'); //괄호 안에 출력한 값을 입력console.log(1, 2, 3); // 쉼표로 구분하여 다수의 데이터 출력 가능console.log(this); // 다양한 데이터 출력 가능console.log(console); // 복잡한 데이터를 편리하게 펼쳐서 볼 수 있도록 해줌  - 타 언어의 print와 같은 역할  - ..
[2024 JS 심화 백엔드 스터디] 김태일 #1주차 "JS 기초" 본 글은 다음 영상(~switch문)을 보고 정리한 글입니다. https://www.inflearn.com/course/%EB%89%B4%EB%B9%84%EB%A5%BC-%EC%9C%84%ED%95%9C-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8#curriculum [지금 무료] 뉴비를 위한 자바스크립트 | 얄팍한 코딩사전 - 인프런 얄팍한 코딩사전 | 코딩을 자바스크립트로 시작하시는 분들을 위한, 가장 쉬운 자바스크립트 강의입니다., 🛑 본 컨텐츠는 코딩을 처음 시작하시는 분들을 위한 강의입니다. 🛑어떤 언어로든 www.inflearn.com 1.자바스크립트란? 자바스크립트 용도 - 마크업 언어로 만들어진 것들에게 무엇인가를 시키려면 프로그래밍 언..
[2024 JS 심화 프론트 스터디] 김지나 #1주차 "JS" 01. 자바스크립트 - 웹 개발 용도로 만들어짐. 웹에 기능을 넣어주는 언어 => Node.js의 개발로 다양한 분야에 이용됨 - 인터프리터 언어, 동적 자료형, 객체지향 언어 02. 콘솔과 주석 - 콘솔: 다른 언어의 print와 같은 역할 console.log('출력할 값'); - 주석: 컴퓨터가 무시하는 메시지, 프로그램 진행에 영향을 주지 않음 // 주석 /* 주석 여러 줄일 떼 */ 03. 변수와 상수에 데이터 담기 - let: 변수, 넣은 데이터를 바꿀 수 있음 let a = 1; console.log(a); 1 a = 2; //변경 가능 console.log(a); 2 - const: 상수, 넣은 데이터를 바꿀 수 없음 - var: 초창기에만 사용 지금은 사용 xx -식별자 명명 규칙 1) ..
[2024 JS 심화 백엔드 스터디] 이지원 #1주차 JavaScript 웹페이지에서 스크립트를 실행시키며 페이지를 동적으로 변화시키기 위해 개발되었다. Google의 V8엔진에 의해 실행 속도와 성능이 크게 개선되었다. 이후 V8 엔진을 기반으로 만들어진 Node.js의 탄생으로 많은 분야에서 사용되고 있다. 변수/상수 var: JavaScript의 초창기 변수 선언 방식 (현재는 let, const 등의 등장으로 사용을 권장하지 않는 편) let: 변수 선언 (값을 할당한 이후에도 변경이 가능하다.) const: 상수 선언 (값을 할당한 이후 변경이 불가하다.) 자료형 boolean 참/거짓 number 정수/실수 string 문자열 undefined 정의되지 않음 null 없음 비교 연산자 == 값이 같은지 판별 === 객체가 같은지 판별 != 값이 ..
[2024 JS 심화 프론트 스터디] 박지민 #1주차 "JS" 자바스크립트는 어떤 언어인가요? 자바스크립트는 웹사이트에 사용될 목적으로 만들어짐 현재 node.js, react native, electron 등 다양한 분야에서 사용됨 자바스크립트의 특징 인터프리터 언어: 코드를 실행하기 전 컴파일 과정을 거침 X 동적 자료형: 한 번 선언한 변수가 문자열, boolean, number 등 여러 자료형을 가질 수 있다. 객체지향 지원: 방식이 자바나 C++과는 차이가 있는 프로토타입 기반 콘솔과 주석 consol.log('출력할 값'); // 괄호 안에 출력할 내용 입력 (print 역할) consol.log(1, 2, 3); // 쉼표로 구분 -> 다수의 데이터 한 번에 출력 가능 consol.log([true, false], {a:1, b:2}); // 다양한 데..
[2024 JS 심화 백엔드 스터디] 김민서 #1주차 "JS 기본 (1)" 자바스크립트 웹 브라우저에서 많이 사용하는 언어, Node.js의 개발로 자바스크립트의 활용 영역이 넓어졌다. 인터프리터언어, 동적 자료형을 가진다. 출력 메소드와 주석 1. 콘솔 console.log("JavaScript Programming"); 자바스크립트의 가장 기본적인 출력 방법. 메소드의 괄호 안에 문자열 또는 다양한 자료형을 입력해서 사용한다. 타 언어의 print 같은 역할을 한다. 2. 주석 프로그램의 진행에 영향을 주지 않는 코드. 프로그램을 설명할 때 사용한다. // 주석입니다. /* 주석 주석 주석입니다 */ 두 가지 주석 처리 방법이 있는데, //을 사용해 한 줄만 주석으로 처리하거나 /*와 */를 사용해 여러 줄을 주석으로 처리할 수 있다. 변수와 상수 1. 변수 변수는 값을 ..

반응형