WINK-(Web & App)/HTML & CSS & JS 스터디 (128) 썸네일형 리스트형 [2023 신입부원 심화 스터디] 박지민 #5주차 React.js 섹션 2 컴포넌트 제작 1. 컴포넌트 만들기 React의 핵심 기능 - 긴 코드들을 사용자 정의 태그를 사용하여 간결하게 만듦 - pure.index WEB world wide web! HTML CSS JavaScript HTML HTML is HyperText Markup Language. - App.js header, nav, article 태그 부분 사용자 태그로 바꿔줌 import React, {Component} from 'React'; import './App.css'; // html에서 태그 부분을 subject라는 이름으로 바꾸고 싶음 class Subject extends Component { // 클래스 이름은 대문자로 시작 // 자바 스크립트에서 클래스 안에 있는 함수는 function 안붙여도 됨 rend.. [2023 신입부원 심화 스터디] 신진욱 #5주차 - 어 리액트 왔어 0,1 섹션은 어떻게 공부할 지와 환경설정에 대한 내용이라 블로깅은 건너 뛰었습니당. 1. 리액트의 중요성 - 유지보수 좋음 - 코드의 복잡성 제거 - 성능 향상 ... 2. 컴포넌트 생성 - React의 핵심 기능 - 긴 코드들을 사용자 정의 태그로 간결하게 만들기 위함 pure.html WEB world wide web! HTML CSS JavaScript HTML HTML is HyperText Markup Language. App.js header, nav, article 태그 부분 사용자 태그로 바꿔주기 import React, {Component} from 'React'; import './App.css'; // html에서 태그 부분들을 subject라는 이름으로 바꾸고 싶다. // 클래스 .. [2023 신입부원 기초 스터디] 도승준 4주차 -JS는 사실 ... JavaScript의 약자이다 JMH 보고이써? 나 사실 HTML CSS보다 JS가 훨씬 적성에 맞는거가타...... 1.변수 변수 선언 let 변수명; 변수 초기화 변수명 = '값'; (숫자 자료형일경우 따옴표는 쓰지 않는다.) 변수 선언과 초기화 동시에 let 변수명 = '값'; 상수 선언과 초기화 동시에 const 상수명 = '값'; console.log() -> 콘솔에 괄호 안의 값을 출력해준다. 값을 바꿀때, let을 다시 쓰면 변수를 재할당해주는 것이므로 오류가 난다. 상수를 선언해주었을때는 수정이 불가능하고, 선언과 초기화가 동반 되어야 한다. 변수 선언 규칙 1. 변수나 상수이름의 첫번째 글자는 영어,$, _ 만 가능하다. (숫자 불가) 2. 첫 글자를 제외하고는 숫자도 사용 가능하다. 3. 소문자와 대문자는 구별하여 .. [2023 신입부원 기초 스터디] 박승환 #4주차- js야 안녕!!^^ @@드디어 HTML과 CSS를 배우고 Java Script를 배울 시간이 왔다...! 처음에는 파이썬과 비교하면서 자바스크립트를 배우려 했지만 다시 생각해봤더니 그냥 자바스크립트 그대로를 처음 프로그래밍 언어를 배우는 것 처럼 배워야겠다는 생각이 들었다. 새로운 프로그래밍 언어인 만큼 기초를 탄탄하게 잡아야겠다!!!!@@ 확장자 파일 --> 확장자파일명.js 변수 변수를 할당할 때는 let 변수명 = 값;으로 변수를 할당한다. let hi = '박승환'; hi = '안녕하세요'; 변수의 값을 변경하기 위해서는 그다음 줄에 변수명 = 값2;를 작성 하면 되는데 여기서 중요한 것은 또 다시 let 변수명 = 값2를 하면 에러가 뜬다는 것이다. html파일에 script 태그 를 이용하여 js파일을 연결하고 .. [2023 신입부원 기초 스터디] 이총명 5주차 - JS 입문 1 . JS란 JS는 Jeongmyeong is Sexy의 약자로 윙크 회장의 섹시함을 알리기 위해 만들어진 언어이다. (그럼 JMS 아님?) 2. JS 사용법 let 변수명; 이렇게 변수를 선언 할 수 있고 같은 변수명을 재선언 할 수 없다. (그냥 변수에 다른값을 넣는건 당연히 됨) const 상수명; 이렇게 상수를 선언 할 수 있고 이름 그대로 값을 바꿀 수 없다. console.log(내용); live server을 열고 개발자 도구를 연 뒤 콘솔창에서 로그를 볼 수 있다. 배열 const 이름 = [값] 이렇게 선언 할 수 있고 파이썬의 리스트와 유사한듯하다. 객체 const 이름 = {key : value} 이렇게 선언 할 수 있고 파이썬의 딕셔너리와 유사한듯하다. 3. 원시 데이터 타입 객체.. [2023 신입부원 기초 스터디] 조상혁 5주차 - JS가 뭐야? JavaScript란? 웹 브라우저에서 HTML 문서에 내장한 JavaScript 를 읽으면 즉시 해석되어, 소스코드가 실행된 결과를 눈으로 볼 수 있는 클라이언트 사이드( 프론트 엔드 ) 언어이다. 웹페이지에서 특정 부분을 클릭하거나 입력했을 때, '팝업 창 띄우기', '애니메이션 효과', '통신' 등의 다양한 기능들을 추가할 수 있다. html에 js 연결하는 방법 변수 let 변수명; 동일한 변수명으로를 재할당하면 오류가 생긴다. 상수 const 상수명; 상수는 선언후에 재할당이 불가하다 const 선언은 반드시 초기화를 해야한다 예시 const potato; #선언불가 올바른 예시 const potato = ''; console.log(변수명); 로그를 볼 수 있다 변수,상수 주의할 점 변수 상수.. [2023 신입부원 기초 스터디] 최종은 #5주차 JS 입문 1. 변수와 상수 변수: 변할 수 있는 값 let: 변수 작성 상수: 변할 수 없는 값(변수와 다르게 수정 불가능) const: 상수 선언 *변수 이름 규칙* 1.첫글자는 영어,$,_만 가능 2.첫글자 이외에는 숫자도 사용 가능 (Ex: _1234, &1234 등) 3.대소문자 구분 4.예약어 (Ex: let,const)사용 불가능 5.공백 불가능 기본적으로 const를 사용하고 값 변경이 필요하다면 let 사용 권장 var을 사용하지 않는 이유: var에서 개선된 const,let이 있기에 딱히 사용할 이유가 없음 2.원시 데이터 타입 number: 정수 bigint: -(2^53-1) ~ (2^53-1) 까지의 범위 표현 string: 문자열 문자열 따옴표: "" , '' 둘 다 사용 가능 백틱(ba.. [2023 신입부원 기초 스터디] 정찬우 4주차 안녕.js. html이랑 css은 살짝 맛을 봤고, 드디어 js를 배웠다. 프리코스때 살짝 했었어서 강의 듣는데 반가웠다 가장 먼저 js에서 변수 선언하는 방법은 3가지가 있다. 1. var(요즘에는 잘 안쓴다고 한다) 2. let - let은 말 그대로 우리가 평소에 사용하는 int, string처럼 사용하는 js용어이다. 하지만 let은 변수가 선언된 블록, 구문 또는 표현식 내애에서만 유효한 변수를 선언한다. 3. const -블록 범위의 상수를 선언한다. (let과 같은 블록 유효범위) 상수의 값은 재할당할 수 없으며 다시 선언할 수도 없다. 그래서 처음 선언할 때, 반드시 초기화를 해야한다. 원시 데이터타입 vs 참조 데이터타입 원시 데이터타입 변수에 할당될 때, 메모리의 고정 크기로 원시 값을 저장하고 해.. 이전 1 ··· 7 8 9 10 11 12 13 ··· 16 다음
