본문 바로가기
반응형

WINK-(Web & App)/HTML & CSS & JS 스터디

 (128)
[2024-2 웹기초 스터디] 김민재 #4주차 보충 수업 Part 1.문자열 메소드toUpperCase(), toLowerCase() - 대문자, 소문자trim(), trimStart(), trimEnd() - 공백 제거repeat() - 지정한 문자 반복padStart(), padEnd() - 지정한 문자열을 횟수만큼 추가indexOf() - 주어진 키워드를 문자열에서 찾아서 반환includes() - 문자열에 해당 문자가 있는지 확인startsWith(), endsWith() - 해당 문자로 시작하고 끝나는 지 확인replace(), replaceAll() - 문자열 안에 해당 문자를 변경substring() - 인덱스에 해당 되는 문자를 리턴split() - 주어진 기준에 따라 슬라이싱slice() - 주어진 범위에 따라 슬라이싱배열 메소드pu..
[2024-2 웹기초 스터디] 김재승 #4주차 Js 문제풀이1번function solution(bin1, bin2) { // 이진수를 십진수로 변환 const decimal1 = parseInt(bin1, 2); const decimal2 = parseInt(bin2, 2); // 두 값을 더하기 const sum = decimal1 + decimal2; // 결과를 다시 이진수로 변환 return sum.toString(2);}solution 함수에 문자열 매개변수 binary 1,2 각각 받음constant 로 decimal1 ,2 를 설정각각의 설정값은 문자열 bin1,2를 2(이진수)로 인지하여 10진수(숫자)로 변환 >> 이때 parseInt가 사용됨sum 변수로 두 값을 더하기마지막으로 sum에 toS..
[2024-2 웹기초 스터디] 이민형 #3주차 변수 그리고 상수 let hi = "이민형";console.log(hi);   상수let hi = '이민형';hi = '안녕하세요';const hel10 = '안녕하세요!! ';hello = 123123;|console. log(hello); 변수의  규칙변수나 상수 이름의 첫 번째 글자는 영어, $, _ 가능소문자와 대문자 구별js 예약어는 사용 불가이름에 공백X원시 데이터 타입객체가 아니면서 메서드도 가지지 않는 데이터 숫자const number = 123;console.log(typeof number);const number = "이민형";console.log(typeof name);const isTrue = 10     참조 데이터 const arr = [1, 2, 31;console. 1og(a..
[2024-2 웹기초 스터디] 김민재 #3주차 Part 1.변수와 상수js는 변수를 선언할 때 앞에 let을 붙인다또한 =를 통해 대입 가능let hi = 'hi'hi = 'bye'console.log(hi)const를 사용해 상수 선언, 나중에 값을 변경 불가const hello = "안녕하세요"var라는 변수는 중복을 허용하기 때문에 쓰면 안됨원시 데이터 타입원시 데이터: 객체가 아니면서 메서드도 가지지 않는 데이터string, number, bigint, boolean, undefined, null, (symbol)//stringconst nam = "kk"console.log(typeof nam)//numberconst number = 123;console.log(typeof number)//bigintconst num = 123n;conso..
[2024-2 웹기초 스터디] 김재승 #3주차 JavaScript에 대한 기초적인 내용을 정리해보자.1. JavaScript 변수JavaScript에서 변수를 선언할 때는 var, let, const 키워드를 사용한다.var: 전역 또는 함수 스코프를 가지며, 중복 선언이 가능하다.let: 중복 선언은 할 수 없지만 재할당이 가능하며 블록 스코프를 따른다.const: 변하지 않는 변수를 선언할 때 사용하며 한 번 값을 할당하면 재할당이 불가능하다.var x = 10;let y = 20;const z = 30;console.log(x, y, z); // 10 20 302. 데이터 타입JavaScript의 데이터 타입에는 기본형(primitive)과 참조형(reference)이 있다.기본형: Number, String, Boolean, Null, Und..
[2024-2 웹기초 스터디] 김지수 #3주차 변수와 상수변수 상수변수 이름 규칙변수나 상수 이름의 첫 번째 글자는 영어, $, _ 만 가능(숫자로 시작하는 변수명은 허용되지 않음)첫 글자 이외에는 숫자도 사용 가능영어 소문자와 대문자는 구별됨let, const와 같은 자바스크립트 예약어는 사용 불가이름에 공백은 허용되지 않음원시 데이터 타입객체가 아니면서 메서드도 가지지 않는 데이터string, number, bight, boolean, undefined, null, symbol 숫자 (number) 문자열 (String) Boolean 참조 데이터  배열 (Array) 객체 (Object) 연산자산술 연산자console.log(10 / 5);console.log(10 % 5); 증감 연산자let number = 10;number++;console..
[2024 - 2 웹기초 스터디] 김재승 #2주차 웹 개발의 중요한 요소인 CSS에 대해 알아보겠습니다.CSS는 웹 페이지의 디자인과 레이아웃을 담당하는 역할을 하며,html로 만든 사이트를 더욱 이쁘게 보이도록 하는데 도움을 줍니다.1. CSS란 무엇인가?CSS(Cascading Style Sheets)는 웹 페이지의 스타일과 레이아웃을 정의하는 언어입니다. HTML이 구조를 담당한다면, CSS는 그 구조를 시각적으로 꾸며주는 역할을 합니다. CSS를 사용하면 글꼴, 색상, 간격, 정렬 등 다양한 시각적 요소를 쉽게 조정할 수 있습니다.CSS의 기본 구조CSS는 선택자와 선언 블록으로 이루어집니다.선택자 { 속성: 값;} 예를 들어, 아래의 코드는 모든 태그의 색상을 파란색으로 설정하는 방법입니다.ex)h1 { color: blue;}2. CSS..
[2024-2 웹기초 스터디] 이민형 #2주차 Css 누구니? CSS(Cascading Style Sheets)는 웹 페이지의 스타일을 정의하는 언어로HTML로 작성된 구조에 색상, 레이아웃, 폰트, 간격 등의 시각적 요소를 추가하는 데 사용된다.CSS를 사용하면 웹 페이지의 디자인과 레이아웃을 효율적으로 관리할 수 있다. 주요 기능HTML 요소에 스타일을 적용 (색상, 크기, 폰트 등)웹 페이지의 레이아웃 조정 (위치, 정렬, 크기, 간격 등)반응형 디자인 구현 (화면 크기에 맞춰 스타일 변경) CSS 기본 문법은 선택자(selector), 속성(property), 값(value)으로 구성된다.CSS는 HTML 요소에 스타일을 적용하기 위한 규칙을 정의한다. 기본 구조선택자 { 속성: 값;}  선택자: HTML 요소를 지정예: p, h1, ...
반응형

티스토리툴바