본문 바로가기

반응형

분류 전체보기

(663)
[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!!!..
[Flutter&Dart] Quiz App 만들기 (1) - 초기화면 UI 만들기 산학협력 프로젝트를 위한 개인 스터디 중에 정리를 하고 싶어서 작성합니다람지 .. 이걸 먼저 만들라고 하더군요 매우 별거 없지만 ..제가 작성했던 코드와 강의의 코드를 비교해보며 배운 위젯들을 정리해보겠습니다 먼저 저는 이렇게 화면을 만들었는데, 따로 파일을 나누지 않고 main.dart 에서만 코드를 작성했습니다. 아래는 코드 순서대로 간략한 설명입니다. main.dart는 가장 기본이 되는 파일입니다. 플러터는 이 파일을 위에서부터 아래로 쭉 읽고, 이 코드를 실행할 기기에 맞게 코드를 번역합니다. 이 파일 안에는 main() 함수와 그 안에 runApp()이라는 내장 함수가 있습니다. 이 함수는 화면에 어떤 것을 띄울지 말하는 함수입니다. 그 아래로는 MaterialApp(), 그 안의 옵션으로 h..
[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야 @@드디어 1학기가 좋강을 했다. 오늘은 js 보충 수업을 할 것 같다. 이번 강의는 보충 수업이라 외우는 것 보다 이런거가 있다는 식으로 공부하는 방향으로 나아가볼까 한다.@@ 문자열 메소드 toUpperCase() - 대문자로 바꾸는 것 toLowerCase() - 소문자로 바꾸는 것 trim() - 공백 지우기 -trimStart() - 앞의 공백 지우기 -trimEnd() - 뒤의 공백 지우기 repeat(n) - n번 반복 padStart(n, '문자') - n의 길이의 문자를 앞에 채우는 것 padEnd(n, '문자') - n의 길이의 문자를 뒤에 채우는 것 //HTML, CSS에서 padding 과 같다.// indexOf(문자) - 한 문자열의 특정 문자의 index값을 검색해서 출력해주는..
[2023 신입부원 기초 스터디] 김승혁 7주차 Js 문자열 메소드 -> 외우는 게 아니라 이런 게 있다! 정도로만 알고 있기 변수.toUpperCase() - 대문자로 출력 변수.toLowerCase() - 소문자로 출력 변수.trim() - 문자열의 앞, 뒤 공백 제거 변수.trimStart - 문자열 앞 공백 제거 변수.trimEnd - 문자열 뒤 공백 제거 변수.repeat(숫자) : 문자열 숫자만큼 반복 출력 변수.padStart(문자열 길이, '추가할 문자열') - 문자 앞 쪽에 지정한 문자열 숫자만큼 들어감 변수.padEnd(문자열 길이, '추가할 문자열') - 문자 뒤 쪽에 지정한 문자열 숫자만큼 들어감 변수.indexOf('검색할 키워드') - 검색한 인덱스가 몇번쨰에 있는 지 알려줌, 만약 없다면 -1 출력 변수.includes('검색할 ..

반응형