WINK-(Web & App)/HTML & CSS & JS 스터디 (128) 썸네일형 리스트형 [2023 신입부원 심화 스터디] 박지민 #3주차 - 보충수업 Part .1, Part. 2 1. 문자열 메소드 - toUpperCase() : 문자열을 모두 대문자로 변환 - toLowerCase() : 문자열을 모두 소문자로 변환 - trim() : 문자열의 앞 뒤 공백 제거 - trimStart() : 문자열의 앞쪽 공백 제거 - trimEnd() : 문자열의 뒤쪽 공백 제거 - repeat(n) : 문자열을 n번만큼 반복해서 새로운 문자열 반환 (원본 객체 변함 X) - padStart(n, c) : 앞쪽에 지정한 값 넣음 - 문자열의 길이가 n이 될 때까지 c값 넣기 (원본 객체 변함 X) - padEnd(n, c) : 뒤쪽에 지정한 값 넣음 - 문자열의 길이가 n이 될 때까지 c값 넣기 (원본 객체 변함 X) - indexOf(c) : 주어진 키워드 값을 문자열에서 검색하여 일치하는 .. [2023 신입부원 심화 스터디] 신진욱 #3주차 - Part 4, Part 5 1. 문자열 메소드 - toUpperCase() : 대문자 변환 - toLowerCase() : 소문자 변환 - trim() : 문자열 앞, 뒤 공백 제거 - trimStart() : 문자열 앞 공백 제거 - trimEnd() : 문자열 뒤 공백 제거 - repeat(n) : 문자열을 n번 만큼 반복해서 새로운 문자열 생성 (원본 객체의 값은 변함 X) - padStart(n,c) : 문자열 앞쪽에 원하는 값 넣기 (문자열 길이 n이 될 때까지 c값 넣기) (원본 객체의 값 변함 X) - padEnd(n,c) : 문자열 뒷쪽에 원하는 값 넣기 (문자열 길이 n이 될 때까지 c값 넣기) (원본 객체의 값 변함 X) - indexOf(c) : 주어진 키워드 값을 문자열에서 검색해서 일치하는 첫번째 인덱스, .. [2023 신입부원 심화 스터디] 조현상 #3주차 - Part 4. , Part5. 오늘 다룰 내용은 DOM 사용법 , 자바스크립트 배열과 문자열을 쓸 때 유용한 함수 두가지이다. 먼저 DOM 사용법부터 다뤄보겠다 일단 DOM이라는 언어부터 정의하자면웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당하는 것을 말한다. 나는 간단하게 HTML 과 JAVASCRIPT 파일이 서로 연결 가능하게 만들어주는 것이라고 이해했다. 우리는 총 3가지 방법으로 javascript 와 html 을 연결 할 수 있다.1. class를 써서 연결하는 방법이다. //html 파일에 First 라는 class를 만들어줬을 때 //자바스크립트 파일에서 연결할 수 있다. document.getElementByClassName('First'); html에서 class로 만들어줬.. [2023 신입부원 심화 스터디] 김윤희 #2주차 - Part 2. , Part3. 5강 조건문 (if) const a = 10; const b = 20; if (a [2023 신입부원 심화 스터디] 정호용 #2주차 - Part 2. , Part3. 💡Part 2. 조건문 (if, switch) , 반복문 (for, while) 💡Part 3. 함수 (인자, 매개변수 & 지역, 전역변수) 💡Part3. Default Parameter, Arguments, Rest Parameter, Return Value 💡Part 3. 함수의 표현식, 화살표 함수 [2023 신입부원 기초 스터디] 이총명 #2주차 - CSS 입문 1 . css란 css는 code sexy styling의 약자로 웹사이트를 섹시하게 꾸며준다 css는 Cascading Style Sheet의 약자로 마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어이다 2. css 적용방법 인라인 스타일 - Inline Style Sheet 내부 스타일 - Internal Style Shee 외부 스타일 - External Style Sheet 이렇게 3가지 스타일이 있고 앵간하면 외부스타일로 css파일을 따로 만들어 사용한다고 한다. 3. css 출처 사용자 !important > 제작자 !important > 제작자 >사용자 > 브라우저 이 순서인데 사용자는 거의 신경 안써도 되고 제작자>브라우저만 기억해놔도 될 듯 하다. ( important는 casca.. [2023 신입부원 기초 스터디] 한승훈 #2주차 - CSS 기초 안녕하세요, 반갑습니다. 다들 한 주 잘 지내셨나요~? 사실 제가 글을 쓰는 시점은 중간고사가 종료된 후입니다. 하지만! 시간이 너무 빨리 지나가버린 여러분을 위해 제가 시험 10일 전으로 시간을 돌려드리겠습니다. 그리하여 4월 14일로 돌아왔네요. 제가 만들어드린 시간이니, 유익한 시간 되셨으면 좋겠습니다. 감사 인사까지는 안 하셔도 됩니다. 이번 블로그는 CSS에 대하여 다루어볼 건데요, 그래서 css는 무슨 뜻인가요? 많은 분들이 CSS란 무슨 내용인지 궁금해 하시는데요, 일교차가 크니 이웃 여러분 감기 걸리지 않게 조심하세요~ 1. CSS란 무엇인가? CSS (Cascading Style Sheets)는 웹페이지를 꾸미려고 작성하는 코드입니다. HTML와 같이 CSS는 실제로 프로그래밍 언어는 아.. [2023 신입부원 심화 스터디] 조현상 #2주차 - 기초문법 part.2, 3 심화스터디 2주차 글 시작~! #자바스크립트의 조건문과 반복문 그리고 함수 저번 시간 스터디 내용 - 변수 와 상수 선언 방법 - 변수 와 상수를 가지고 연산하는 방법 변수와 상수를 가지고 조건문을 만들 수 있다. 자바스크립트에서 제공하는 조건문은 if 와 switch 문이 있다. 먼저 if문부터 보면 const c = 30; if( c > 90) { console.log("A"); } else if( c > 50) { console.log("B"); } else{ console.log("F"); } //c는 30이기 때문에 F가 출력될 것이다. if 문은 if , else if , else 가 있다. if 문 선언은 if ( 조건문 ){ ...} 으로 선언할 수 있으며 조건문 안에 연산이 True 일 .. 이전 1 ··· 10 11 12 13 14 15 16 다음
[2023 신입부원 심화 스터디] 정호용 #2주차 - Part 2. , Part3.
💡Part 2. 조건문 (if, switch) , 반복문 (for, while) 💡Part 3. 함수 (인자, 매개변수 & 지역, 전역변수) 💡Part3. Default Parameter, Arguments, Rest Parameter, Return Value 💡Part 3. 함수의 표현식, 화살표 함수
