본문 바로가기

유튜브로코딩배우기

[자기계발]/유튜브로 코딩배우기 2021. 5. 28. [생활코딩] JavaScript 문법 - UI /API/문서 보는법. 나만의 쉬운정리 자바스크립트의 교양 수업. 나름 쉽게 이해되도록 정리를 했다. 이렇게 생각해보자. API 와 UI 의 'I'는 'interface'를 말하는데 이것은 '사용 방법' 이라고 해석하면 이해가 더 잘 될 것이다. 개발자들은 Java, JavaScript, Python 등의 언어를 사용한다. 그리고 이 언어안에는 우리가 배웠던 alert, Math, push 등의 명령어가 내장되어있다. 우리는 이것을 사용해서 'web' 같은 'application'을 개발'programming'한다. 그래서 application + programming + interface. API를 사용한다는 것은 '각각의 명령어를 사용한다'고 생각하면 편할 것 같다. UI는 쉽다. 이미 만들어져있는 것들로 사용자 입장에서는 그냥 버튼 같은..
[자기계발]/유튜브로 코딩배우기 2021. 5. 27. [생활코딩] JavaScript 문법 - 모듈 이번 시간에는 JavaScript 문법 모듈에 관해 공부해보자. 이 수업에서는 JS의 대표적인 호스트 환경인 웹브라우저에서 로직을 모듈화하는 방법에 대해 알아볼 것이다. 모듈 프로그램은 작고 단순한 것에서 크고 복잡한 것으로 진화한다. 그 과정에서 코드의 재활용성을 높이고, 유지보수를 쉽게 할 수 있는 다양한 기법들이 사용된다. 그 중의 하나가 코드를 부품처럼 여러개의 파일로 분리하는 것이다 => 모듈 모듈의 효과 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다. 코드를 개선하면 이를 사용하고 있는 모든 어플리케이션의 동작이 개선된다. 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다. 필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다. 한번 다운로드된 모듈은 웹브라우..
[자기계발]/유튜브로 코딩배우기 2021. 5. 24. [생활코딩] JavaScript 문법 - 함수 생활코딩에서 다루는 JAVASCRIPT의 문법 중 하낭니 함수를 배워보자. 자바스크립트는 '함수형언어' 라고도 부를 정도로 함수에 대한 비중이 크다. 여기서 항상 나오는 return이랑 argument 정의를 배운다. 출력과 입력이라는 뜻이다. 함수 하나의 로직을 재실행 할 수 있도록 해준다. 코드의 재사용성을 높여준다. function 함수명 ( ){ } 이렇게 쓴다. ( ) 에는 '인자'라는 값이 차례로 들어오는데, 이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수이다. 인자는 생략이 가능하다. 함수를 호출하려면 함수명(); 이렇게 쓴다. 실행할 경우, 함수명에 해당하는 함수를 찾고 { }의 내용을 호출한다. 함수의 정의와 호출 function numbering(){ i = 0; while(i ..
[자기계발]/유튜브로 코딩배우기 2021. 5. 18. [생활코딩] JavaScript 기본문법 정리 (숫자와 문자, 변수, 주석, 줄바꿈과 여백, 비교) 웹을 만들어보다가 JS 복습이 필요하다고 느낀 것도 있고 여러 기능을 써보고 싶어서 생활코딩을 다시 공부하기로 했다. 이번엔 언어로 접근하여 조금더 자세하게 배워볼 것이다. 언어소개 https://opentutorials.org/course/743/4650 언어소개 - 생활코딩 JavaScript JavaScript는 웹페이지를 동적으로, 프로그래밍적으로 제어하기 위해서 고안된 언어다. 그렇기 때문에 오늘날 가장 중요한 플랫폼이라고 할 수 있는 웹브라우저에서 유일하게 사용할 수 opentutorials.org 자바스크립트 기본 실행방법과 실습환경 #크롬 개발자도구 맛보기 https://opentutorials.org/course/580/2865 둘러보기 - 생활코딩 둘러보기 2012-09-27 23:16..
[자기계발]/유튜브로 코딩배우기 2021. 5. 11. [생활코딩] React 강의 완강 - 20~21강 update 구현 20.1강 update 구현 else if (this.state.mode === 'update') { var _content = this.getReadContent(); _article = } 여기서 mode === 'Update' 라고 적어서 계속 진행이 안되었다.... 업데이트 기능은 read 기능과 create 기능이 결합되어 있는 것 update 할려면 create 처럼 폼이 었어야하고 기존의 컨텐츠를 수정 하는 것이기 때문에 read 처럼 기존의 컨텐츠를 불러와서 form에다가 내용을 추가해주는 작업이다. 너무 복잡해서 새로운 함수로 쪼개서 분리시키기 + UpdateContent 라고 하는 컴퍼넌트가 실행될 때, 입력 값으로 현재 선택된 콘텐트의 id가 2번인데, 애를 UpdateContent ..
[자기계발]/유튜브로 코딩배우기 2021. 5. 10. [생활코딩]React 강의-4 18강~19강 create 18강 베이스 캠프 APP 이 상위 컴퍼넌트 , TOC, CONTENT, SUBJECT가 하위 컴퍼넌트 상위 컴퍼넌트가 하위 컴퍼넌트로 값을 전달할 때는 하위 컴퍼넌트의 조작 장치인 PROPS를 통해서 전달한다. 하위컴퍼넌트가 상위컴퍼넌트를 바꾸고싶을 때는 이벤트를 통해서 한다. 상위 컴퍼넌트인 APP이 하위 컴퍼넌트인 내부적으로 사용하는 TOC에 값을 전달할 때는 data={this.state.contents}> 라는 props에 값을 전달한다. TOC를 클릭했을 때, APP(상위 컴퍼넌트)에 state와 seleceted_content_id를 값을 변경하려고 하려면 onChangePage={function(id){ this.setState({mode:'read', selected_content_id:..
[자기계발]/유튜브로 코딩배우기 2021. 1. 26. <Nomad Coders> 파이썬 이론 1.0~ 명확한 질문 하기 에러에 관한 도움을 받으려면 1. Purpose 2. WHAT I WANT 3. What I have done 4. What kind of error happened 5. How I wrote down the code must include these 5 and ask! #Python code 뿐만 아니라 다양한 프로그래밍 언어를 다운로드 없이 브라우저에서 작성할 수 있게 도와주는 repl.it 사이트 이용하자. #variable(변수)을 생성하는 방법 변수의 이름을 길게 지어야 할 때 단어끼리 분리되길 원해서, a_ 와 단어로 연결해준다. snake case라고 붙인다. a_string = 문자열 " " or ' ' 안에 넣어줘야함 a_number = 숫자 a_float = . 다음에..

티스토리툴바