WINK-(Web & App)/HTML & CSS & JS 스터디 (128) 썸네일형 리스트형 [2023 신입부원 기초 스터디] 박민규 #7주차 - 나태해진 나의 JS 블로깅.. 문자열 메소드 대소문자 변환 변수.toUpperCase() : 변수가 문자열일때 모든 문자를 대문자로 변환. 변수.toLowerCase() : 변수가 문자열일때 모든 문자를 소문자로 변환. 공백 제거 변수.trim() : 문자열의 앞 뒤 공백을 제거함. 변수.trimStart() : 문자열의 앞 공백을 제거함. 변수.trimEnd() : 문자여르이 뒷 공백을 제거함. 반복 변수.repeat(횟수) : 횟수만큼 문자를 반복 (원본을 해치지 않음) 추가 변수.padStart(10, "d") : 변수 앞에 "d"의 갯수와 변수의 길이 총 합 10만큼 "d"가 추가됨. 변수.padEnd(10, "d") : 변수 뒤에 "d"의 갯수와 변수의 길이 총 합 10만큼 "d"가 추가됨. IndexOf() const st.. [2023 신입부원 기초 스터디] 한승훈 #7주차 안녕하세요 여러분, 오랜만에 다시 인사드립니다. 다들 즐거운 방학 보내고 계신가요? 다들 보고 싶을지도요! 사실 뻥입니다 ㅋ 의 뻥입니다 ㅎㅎ 1. 문자열 메소드 나중에 기억이 안나는 것이 있어도 알아보기 쉽게 vs코드에 새로운 파일 하나로 정리해뒀습니다. 다만 실행하면 오류가 뜨긴 합니다. ㅎㅎ 2. 배열 메소드 강의 중 언급된것처럼, 메소드는 지금 당장 하나하나 싹 외우기보다는...(가능하다면 좋겠지만) 이런 게 있구나~ 하고 알아보는 강약조절이 필요한 곳이 아닌가 싶습니다 ㅎㅎ....희망사항입니다. 3. 이벤트 이벤트는 웹 페이지에서 입력 장치를 통해 입력을 받아 특정 기능일 사용하는 것입니다. 약간 tkinter생각이 나네요. 4. 모듈 모듈은 여러 기능을 가진 여러 코드를 하나의 파일로 정리한 .. [2023 신입부원 심화 스터디] 정호용 #7주차 react - section 3 ~ 📌section 3 // Section 3. State(1) - 소개 // State 는 Props 와 같이 봐야 이해가 잘 된다! // 컴포넌트를 만드는 리액트의 관점에서는 props가 User Interface인 셈이다. // State는 Props 값에 따라 내부 구현에 필요한 데이터 값들 이다. // State // Props과 State가 철저히 분리 되어야 한다. // 철저히 격리시켜서 양측의 편리함 도모 // Section 3. State(2) - 사용 class App extends Component{ constructor(props){ super(props); this.state = { Subject:{title:"WEB", sub:'World Wide Web!'} // State 만들기.. [2023 신입부원 심화 스터디] 이정욱 #마지막주차 React.js 섹션3 ~섹션7 State state와 props props props는 컴포넌트 외부에서 전달되는 읽기 전용 데이터이다. Props는 함수 매개변수처럼 동작하며, 컴포넌트가 렌더링될 때마다 값이 전달됩니다. state state는 컴포넌트의 내부 상태를 나타내는 데이터입니다. 컴포넌트 내에서 선언하고 초기화되며, 컴포넌트의 생명주기 동안 변경될 수 있습니다. 컴포넌트 내에서 **this.state**를 통해 접근하고, **this.setState()**를 사용하여 업데이트합니다. App.js class App extends Component { constructor(props) { super(props); this.state = { subject: { title: "WEB", sub: "World Wide Web!!!.. [2023 신입부원 심화 스터디] 조현상 #마지막주차 React.js 섹션3~6 이번 3~6 섹션을 들으면서 개인적으로 어려웠던 부분과 궁금했던 부분들을 정리해보겠습니다. 첫번째로 React에서 constructor() 생성자 사용법 관한 것이다. state 값을 초기화하거나 메서드를 바인딩할 때 constructor() 을 사용하는데 super() 을 써줘야하는 이유에 대해서 궁금하였다. constructor(props){ super(props); } 그 이유는 super() 를 불러주지 않으면 this 를 사용할 수 없다는 점이었다. render(){ return Hello { this.props.world }; } constructor 가 아닌 대표적으로 render() 같은 경우에는 this를 사용할 수 있었는데 constructor 내부는 super() 없이 사용하면 thi.. [2023 신입부원 기초 스터디] 정찬우 #7주차 - 종강 하니까 아무것도 하기 싫지만 윙크 스터디는 재밌어... 문자열 메소드 const str = ' haHA'; console.log(str.toUpperCase()); - 모두 대문자로 출력 console.log(str.toLowerCase()); - 모두 소문자로 출력 console.log(str.trim()); - 앞 뒤 공백 제거 console.log(str.trimStart()); - 앞 공백 제거 console.log(str.trimEnd()); - 뒤 공백 제거 console.log(str.repeat(int)); - int형 만큼 반환 console.log(str.padStart(10, '_')); - 앞 _ 10개 추가 console.log(str.padEnd(10, '-')); - 뒤 _ 10개 추가 console.log(str.indexOf('.. [2023 신입부원 기초 스터디] 조상혁 #7주차 - Js JS 유용한 문자열 매소드들 모두 대소문자로 바꾸기 const str = 'Hello world'; console.log(str.toUpperCase()); console.log(str.toLowerCase()); //출력 HELLO WORLD / hello world 공백 지우기 const str = ' haha '; //앞뒤 공백지우기 console.log(str.trim()); //앞 공백지우기 console.log(str.trimStart()); //뒤 공백지우기 console.log(str.trimEnd()); 글자에 줄 추가하기 const str = 'Hello'; console.log(str.padStart()); console.log(str.padEnd()); // 출력 _____Hello.. [2023 신입부원 기초 스터디] 이총명 7주차 JS 끝 그리고 새로운 시작 1 . 문자열 메소드 toUpperCase() : 문자열을 대문자로 바꾸기 toLowerCase() : 문자열을 소문자로 바꾸기 trim() : 문자열 제일 왼쪽과 뒤쪽의 공백 제거(trimStart()와 trimEnd()를 동시에 쓰는 느낌) trimStart() : 문자열 앞쪽의 공백 제거 trimEnd() : 문자열 뒤의 공백 제거 repeat(n) : 문자열을 n번 만큼 반복 2 . 배열 메소드 push() : 배열 맨 뒤에 값을 추가 pop() : 배열 맨 뒤에 값 하나를 삭제하고 그 값을 리턴함 unshift() : 배열 맨 앞쪽에 값을 추가(리버스 push느낌) shift() : 배열 맨 앞 쪽의 값 하나를 삭제하고 그 값을 리턴함(리버스 pop느낌) forEach() : 각 배열 요소에 대.. 이전 1 ··· 4 5 6 7 8 9 10 ··· 16 다음
