안녕하세요 찐망고입니다. 오늘은 자바스크립트 문자열 관련 속성과 메서드를 따로 포스팅 해보려 합니다. 1. 문자열의 길이 length는 함수는 아니고, 숫자가 저장되는 프로퍼티 문자열의 길이를 저장 (갯수) const txt = "Javascript"; console.log(txt.length); // 10 2. 특정 글자에 접근하기 문자열 내 특정 위치에 있는 글자에 접근하려면 [, ] 대괄호를 이용하거나 str.charAt() 메서드이용 위치는 0부터 시작. let str = "Javascript"; //첫 번째 글자 console.log( str[0] ); // J console.log( str.charAt(0) ); // J // 마지막 글자 console.log( str[str.length - ..
안녕하세요 찐망고입니다. 자바스크립트에서 가장 중요한 두가지는 조건문과 반복문이라고 생각하는데요 if문 조건문은 "만약 어떤 내용이 참(true)이라면 이걸실행해주고, 참이 아니라면 저걸 실행해 혹은 실행하지마" 라고 말하는 것과 같습니다. 이것을 if문과 if...else문이라고 하는데요 if문은 어떤 내용이 true일 때 특정 코드를 실행할 때 사용하고, if...else문은 어떤 내용이 true일 때 특정 코드를 실행하고, 만약 false라면 다른 코드를 실행할 때 사용합니다. // if문 예시 const name = "제니퍼 애니스톤"; console.log(name.length) if(name.length > 5) { console.log("제니퍼 애니스톤입니다.") } 제니퍼 애니스톤은 공백을..
안녕하세요 찐망고입니다.오늘은 자바스크립트의 연산자에 대해서 포스팅하도록 하겠습니다. 산술 연산자자바스크립트의 산술 연산자에는 표준 산술 연산자(덧셈, 뺄셈, 곱셈, 나눗셈)가 있습니다.수학에서 배웠던 것처럼 숫자형 값을 계산할 수 있습니다.20 + 10; // 3020 - 10; // 1020 * 10; // 20020 / 10; // 2 덧셈(+) 연산자인 경우에만 문자형에도 사용 가능 하며, 이때는 두개이상의 문자열을 이어 붙일 수 있습니다.예를 들어,let subject = 'javascript';let score = 100;console.log(subject + '과목 성적은 ' + score + '점 입니다.');// javascript 과목 성적은 100점 입니다. 연산자 우선순위에 따라 산..
안녕하세요 찐망고입니다. 수업을 하다 보니 바닐라 JS를 언급하는 친구들이 늘었더라구요 jQuery와 바닐라 JS에 관련하여 포스팅을 해보려 합니다. 자바스크립트는 프론트 사이드에서 꽤나 많이 언급되어 사용되는 언어이자 서버사이드 개발이 가능한 언어랍니다. 물론 프론트 영역에서의 사용이 절대적이기 때문에 자바스크립트를 기반으로 한 프레임워크들이 현재 대세로 자리 잡고 있어요. 페이스북 엔지니어가 제작한 React, 구글 엔지니어가 제작한 Vue, 대규모 애플리케이션에 적합한 Angular 등이 이에 해당합니다. 또 프레임워크라고 하기에는 아주 조금 애매한 감이 있지만 현업 웹 개발에서 많이 사용하는 jQuery도 결국 자바스크립트의 라이브러리 중 하나입니다. jQuery란? 제이쿼리(jQuery)는 오픈..
- Total
- Today
- Yesterday
- 2024웹디자인
- 웹접근성
- 웹퍼블리싱
- uiux
- 오블완
- 찐망고사주
- 프론트엔드
- 웹디자인개발기능사
- 구글머터리얼디자인
- 디자인시스템
- UX디자인
- 티스토리챌린지
- 웹표준
- ai사주
- html
- UI디자인
- 디자인팁
- 웹폰트
- CSS3
- css
- 서비스기획
- seo
- 웹디자인팁
- JavaScript
- 웹디자인
- figma
- 반응형웹
- 머터리얼디자인
- 피그마
- 바이브코딩
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |