반응형 컴퓨터공부370 javascript Es6 Map() 자바스크립트 유용한 Array APIs javascript Es6 Map() .map()을 활용한 js return *2를 하면 funtion 말고 => 에로우 화살표 문법 es6 를 사용하면? 더 단축한다면? student 만들기 1.class Student에서 생성자 constructor를 만들어서 name, koreanLanguage, english, mathematisc를 만들었다. 2.객체 student1,student2,student3,student4 를 만들다. 3.students [student1,student2,student3,student4]배열을 만들다. students 배열에서 영어점수 찾기. console.log 에서 영어점수 나타내기 2023. 5. 6. Es modul 시스템은 무엇인가? Es modul 시스템은 무엇인가? Es modul 이란 import from으로 /a.js 라는 한정된 곳에 있는 파일내용을 import로 받아와서 console.log를 찍어낼수있다. 이것은 전역변수 js 파일을 불러오는것과는 별개로써, import된 .js 파일만 안에 있는 내용을 가져올수있어서 전역변수로 선언된 .js 파일보다 효과적을 사용할수있다. 2023. 5. 6. E5 javacript 에서 this 는 무엇일까? E5 javacript 문법 person이 호출한놈이고 person안에 printThis() 가리킨것 호출한놈을 가리키는것이 this 이다. 2023. 5. 6. Html이란 무엇인가? - 그래픽(Graphics & Effects) SVG, 캔버스를 사용한 2차원 그래픽과 CSS3, WebGL을 사용한 3차원 그래픽을 지원한다. 통신(Connectivity) 지금까지의 HTML은 단방향 통신만이 가능하였으나 HTML5는 서버와의 소켓 통신을 지원하므로 서버와의 양방향 통신이 가능하다. 디바이스 접근(Device acess) 카메라, 동작센서 등의 하드웨어 기능을 직접적으로 제어할 수 있다. 오프라인 및 저장소(Offline & Storage) 오프라인 상태에서도 애플리케이션을 동작시킬 수 있다. 이는 HTML5가 플랫폼으로서 사용될 수 있음을 의미한다. 시맨틱 태그(Semantics) HTML 요소의 의미를 명확히 설명하는 시맨틱 태그를 도입하여 브라우저, 검색엔진, 개발자 모두에게 콘.. 2023. 5. 5. 프론트엔드 개발자란 무엇인가? 프론트엔드 개발자란 무엇인가? 프론트엔드 개발자란 무엇인가? -애플리케이션을 사용하는 사람 (유저)가 있는데, 애플리케이션을 사용하는 사람 (유저)를 사용하기 좋게 구현한사람 서버와의 데이터를 주고받는 역활도 한다. 백엔드와 긴밀한 협업 -동작원리 HTTP 를 알아야한다. 웹상의 협약을 알아야한다. -node.js를 공부해야 백엔드와 긴밀한 소통이 가능하다. -git, webpack, -spa (React, vue.js) typescript, jquery, Axios 라이브러리 -TDD test 주도 방법론 그림 - 초심자가 경험하는 3가지 -책이나 수업의 내용을 알아들을수없다. 배경지식부족 컴퓨터 지식:CPU, 메모리,2진수 기본 상식: 용어에 대한 이해가 부족하다, 전문용어: 컴퓨터 코딩언어 ex 변.. 2023. 5. 5. 포프tv 자바스크립트는 브라우저에서 js 하는 사람이 불쌍하다? https://www.youtube.com/watch?v=sBcbqRgBH7E 포프tv 자바스크립트는 브라우저에서 js 하는 사람이 불쌍하다? 자바스크립트는 실수하기 쉬운언어이다 자바스크립트로 mvc 패턴까지 돌릴수있다 문제는, 제대로 쓰는사람이없다. 2023. 5. 5. javascript 공부 사이트 제이쿼리 예제 https://opentutorials.org/module/2675 자바스크립트 오픈튜토리얼 https://opentutorials.org/module/904/6743 css 생활코딩 https://www.inflearn.com/course/%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A9%EC%9D%98-web2%EC%8B%9C%EB%A6%AC%EC%A6%88#curriculum 리액트.js https://opentutorials.org/module/5163/29603 네이버 프론트엔드 개발자 목록 -https://poiemaweb.com/ -javasript info 에 서 공부 -실시간 모니터링 시스템을 만들며 정복하는 mevn -삼성사이트, 애플사이트 만들어보기 -이.. 2023. 5. 5. js onclick button 'add' 에 if 함수 연습 ㅇjs onclick button 'add' 에 if 함수 연습 Try it ※ 리턴문대신 쓸 코드 const myArr = [1, 2, 3, 4, 5,6]; const newArr = myArr.flatMap((y) => y * 2); ※ Some 은 true,false를 나태난다. filter 는 num에 조건을 하여 배열에서 숫자의 크기만큼 조건을 넣을수있다. if 문 안에 filter(num => num > 0)를 넣고 Try it Try it 문자열 배열의 순서를 표시하기 위한 코드 *else if (action === "add2"){ txt += fruits + " "; txt += numbers.filter(num => num > fruits.length) + " "; // filter 숫자.. 2023. 5. 5. 이전 1 ··· 41 42 43 44 45 46 47 다음 반응형