본문 바로가기
반응형

[자기계발]

반응형
[자기계발]/유튜브로 코딩배우기 2021. 5. 27. [생활코딩] JavaScript 문법 - 모듈 이번 시간에는 JavaScript 문법 모듈에 관해 공부해보자. 이 수업에서는 JS의 대표적인 호스트 환경인 웹브라우저에서 로직을 모듈화하는 방법에 대해 알아볼 것이다. 모듈 프로그램은 작고 단순한 것에서 크고 복잡한 것으로 진화한다. 그 과정에서 코드의 재활용성을 높이고, 유지보수를 쉽게 할 수 있는 다양한 기법들이 사용된다. 그 중의 하나가 코드를 부품처럼 여러개의 파일로 분리하는 것이다 => 모듈 모듈의 효과 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다. 코드를 개선하면 이를 사용하고 있는 모든 어플리케이션의 동작이 개선된다. 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다. 필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다. 한번 다운로드된 모듈은 웹브라우..
[자기계발]/유튜브로 코딩배우기 2021. 5. 26. [생활코딩] JavaScript 문법 - 객체 배열과 객체는 비슷하면서도 다르다. 사실 공부하기전에는 어떤 것에다가 ( ), [ ], { } 를 써줬나 많이 헷갈렸는데 이번에 다시 정리하다보니 잘 알게되었다. 함수가 괄호 ( ) / 배열이 대괄호 [ ] / 객체가 중괄호 { }를 써준다. 밑에서 더 자세하게 객체를 공부해보자. 객체(object) 객체의 역할은 배열과 비슷하다. 연관돼있는 데이터들을 담아내는 그릇 역할을 한다. 객체는 index로 우리가 직접 원하는 데이터를 지정할 수 있다. key는 index의 역할을 하며, value는 key에 연결되어 있는 값이다. 배열은 [ ]대괄호로 시작해서 대괄호로 끝난다. 객체는 { }중괄호로 시작해서 중괄호로 끝난다. 객체를 대표하는 변수를 만들고 { }에객체를 담아내야 한다. 객체에는 객체를 담을수도..
[자기계발]/유튜브로 코딩배우기 2021. 5. 25. [생활코딩] JavaScript 문법 - 배열 이번편에서는 자바스크립트 문법 배열을 배워보자. 배열은 영어로 array 이며, 대괄호 [ ] 를 쓴다는 것을 기억해라. 나중에 반복문이랑 활용하면 가치가 높아진다. 배열(array) 연관돼있는 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입이다. 변수는 데이터들을 담는 그릇으로 하나의 데이터를 저장하기 위한 것이다. 배열 또한 데이터들을 담는 그릇이지만 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이다. var name = 'egoing' alert(name); 배열의 생성 변수 member에 회원정보를 담아보자. 대괄호로 시작해서 대괄호로 끝내야 한다. 대괄호 [ ] 는 배열을 만드는 기호이다. 대괄호 안에서 데이터를 콤마 , 로 나열하면 된다. var member = ['egoin..
[자기계발]/유튜브로 코딩배우기 2021. 5. 24. [생활코딩] JavaScript 문법 - 함수 생활코딩에서 다루는 JAVASCRIPT의 문법 중 하낭니 함수를 배워보자. 자바스크립트는 '함수형언어' 라고도 부를 정도로 함수에 대한 비중이 크다. 여기서 항상 나오는 return이랑 argument 정의를 배운다. 출력과 입력이라는 뜻이다. 함수 하나의 로직을 재실행 할 수 있도록 해준다. 코드의 재사용성을 높여준다. function 함수명 ( ){ } 이렇게 쓴다. ( ) 에는 '인자'라는 값이 차례로 들어오는데, 이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수이다. 인자는 생략이 가능하다. 함수를 호출하려면 함수명(); 이렇게 쓴다. 실행할 경우, 함수명에 해당하는 함수를 찾고 { }의 내용을 호출한다. 함수의 정의와 호출 function numbering(){ i = 0; while(i ..
[자기계발]/유튜브로 코딩배우기 2021. 5. 22. [생활코딩] JavaScript 문법 - 반복문 반복문은 영어로 loop과 iterare로 불리며, while 혹은 for 을 상황에 맞게 쓸 수 있다. 코딩할 때 자주보이는 문법이니 잘 알아둘 것! 1. 반복문 (loop / iterate) 컴퓨터는 반복적인 작업을 대행하기 위해 조건문은 컴퓨터를 똑똑하게, 반복문은 컴퓨터를 강력하게 이 두 개의 결합은 소프트웨어를 만들어가는 큰 축이다. 반복문의 문법(각각의 구문 서로 대체 가능) 2. while while (조건){ 반복해서 실행할 코드 } document.write 는 HTML이 아닌 JS를 이용해서 웹페이지에 텍스트를 출력하는 방법이다. while(true){ document.write('coding everybody '); } => ()Boolean이 true 여서 {}중괄호 안의 코드가 반..
[자기계발]/유튜브로 코딩배우기 2021. 5. 20. [생활코딩] JavaScript 문법 - 조건문 조건문은 프로그래밍에서 가장 중요한 부분이다. HTML, CSS가 아닌 이상 조건문은 공통 분모이다. Java, Python, Php, C 이런 언어를 배울 때도 사용한다. 다음 단원에서 배울 '반복문'도 프로그래밍의 양대산맥이다. 조건문 (conditional statement) 주어진 조건에 따라서 어플리케이션을 다르게 동작하도록 하는 것이다. 컴퓨터와 계산기와 구분되는 가장 중요한 차이. 비교라는 수업과 밀접하다. 조건문의 문법 #if Boolean (true 냐 false냐) 과 땔 수 없는 사이이다. if(true){ alert('result : true'); } if 뒤에 따라오는 ()에 true 가 오면 {} 안에 오는 부분이 실행이 된다. if(false){ alert('result : t..
[자기계발]/유튜브로 코딩배우기 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 ..

티스토리툴바