반응형 자바스크립트7 [JavaScript | Deep Dive] 01. 프로그래밍이란? 01. 프로그래밍 1. 프로그래밍이란? 프로그래밍은 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션으로, 0과 1밖에 알지 못 하는 컴퓨터가 실행할 수 있을 정도로 정확하고 상세하게 요구사항을 설명하는 작업이다. 요구사항을 설명하기 위해 요구사항(문제)를 이해하는 것이 우선되어야 하며 단순하게 분해하고 자료를 정리하고 구분해야 하며 순서에 맞게 배열하여야 한다. 또한 컴퓨터와 사람의 사고, 인지 방식이 다르기 때문에 컴퓨터의 관점에서 문제를 사고하고 해결 과제를 작은 단위로 분해하고 패턴화해서 추출하여야 한다. 1.2 프로그래밍 언어 문제해결의 주체인 컴퓨터가 이해할 수 있는 언어인 기계어로 명령어를 전달해야 하는데, 이런 기계어를 직접 명령하는 것은 어려우니 사람이 이해할 수 있는 약속된 구문(Synta.. 2023. 1. 9. 자바스크립트(JS) - 메서드(Method) 메서드(Method) → JavaScript에서 함수는 Object 라고 한다. 메서드(methods)란? 메서드는 객체에 종속된 특성으로 함수에 포함되는 개념이다. 즉, 메서드는 객체에 속성으로 추가된 함수이다. 메서드 이름 앞에 점을 찍어 사용한다. 모든 메서드는 함수이지만 모든 함수가 메서드는 아니다. const myMath = { PI: 3.14159, sqaure: function (num) { return num * num; }, cube: function (num) { return num ** 3; }, }; 아래와 같이 function 키워드를 생략할 수 있음 const myMath = { PI: 3.14159, sqaure(num) { return num * num; }, cube(num.. 2023. 1. 4. 자바스크립트(JS) - 함수(function) 함수(function) → JavaScript에서 함수는 Object 라고 한다. 다른 함수 표현식 자바스크립트에서는 함수를 배열과 같은 값의 하나로 간주한다. 함수를 인수로 전달할 수 있으며, 숫자를 반환하듯 함수도 반환 값으로 변환할 수 있다. const add = function (x, y) { return x + y; }; 고차 함수 : 다른 함수와 함께 동작하거나 다른 함수에서 작동하는 함수 → 보통 다른 함수를 인수로 받아 어떤 작업을 하는 함수이자 함수를 반환할 수 있는 함수 함수를 실행할 때 rollDie()로 하면 변환된 값이 넘어가므로 callFunction 함수 안에서 실행되도록 rollDie만 넘긴다. function callFucntion(func) { func(); func();.. 2022. 8. 20. 자바스크립트(JS) - 변수(value) 변수 변수 명명 띄어쓰기(공백)가 있으면 안 된다. 첫 문자가 숫자가 와서는 안 된다. 첫 문자는 소문자로 작성한다. 카멜**케이스(Camel case)**로 작성한다. 불리언 변수의 경우 **‘is’**로 시작한다. isTrue; 한 글자 변수는 되도록 피한다. 짧게 보다는 의미있는 변수를 선언한다. Boolean- true, false 는 소문자로 작성한다. 다른 언어와 달리 자바스크립트 Boolean 변수는 다른 값도 저장이 가능하다 자바스크립트는 변수에 대한 타입 제한이 없다. Const 선언 일반 변수 → 변수의 값을 변경할 수 없음. 배열이나 객체 → 참조이므로, 안의 값들은 변경이 가능하나 참조된 메모리 주소를 변경할 수 없도록 함. 객체 리터럴 객체로 만드는 모든 키들은 문자열로 변환된다... 2022. 8. 20. [웹기초] 브라우저란 무엇인가, HTML이란, CSS란, JavaScript란 무엇인가/ 웹개발 기초부터 공부 기본기를 갖추지 못 하면 나중에 어려운 문제에 직면했을 때 무너질 가능성이 크기에 이제부터는 정말.. 우리가 흔히 사용하는 브라우저가 무엇이고.. 등등 기초부터 차근차근 공부해 가보도록 하겠습니다. 우리가 사용하는 크롬, 인터넷 익스플로러, 사파리 등을 뜻하는 '브라우저'는 무엇일까? 브라우저에는 아래와 같은 종류가 있다. 여기서 1개 이상은 사용해보았을 것이다. '브라우저(Browser)'란 무엇인가? 브라우저는 간단히 말하면 '웹 정보를 화면에 표시하는 소프트웨어'를 말한다. Browse 는 둘러보다, 훑어보다, 인터넷을 돌아다니다라는 뜻을 가지고 있는 영어단어로, 브라우저가 무엇인지 영어 해석으로 조금 유추해볼 수 있을 것 같다. 조금 더 깊게 들어가면 브라우저는 인터넷 상에 연결된 '웹 서버'에 .. 2021. 6. 17. 웹 / jQuery와 Ajax 예제 연습/ 고양이 사진 API 랜덤으로 바뀌는/ 강아지 사진 API/ OpenAPI/ 쉬운 예제와 설명 이번에 활용할 API에서는 고양이 사진을 데이터로 주는 API를 활용하는 것이다. 여기서 특이한 점은 해당 API에서 고양이 사진을 랜덤으로 준다. 이를 활용해볼 것이다. 아래의 구조는 API URL을 타고 들어가면 볼 수 있는 구조인데 이전에 다뤘던 API와 다른 점은 여러 개의 딕셔너리가 아니라 리스트 형태로 넘어온다. 그렇기 때문에 사진 주소를 활용하기 위해서는 API 주소는 아래에 첨부해 놓았다. 취향에 따라 고양이, 강아지를 선택하여 활용해보면 좋을 듯하다. 고양이 사진을 랜덤으로 주는 API API URL : https://api.thecatapi.com/v1/images/search 강아지 사진을 랜덤으로 주는 API https://api.thedogapi.com/v1/images/searc.. 2021. 5. 22. 웹 / 제이쿼리(jQuery)란 무엇인가/유용한공부사이트/함께해보는예제/쉬운설명/ w3schools 다음은 자바스크립트보다 더욱 간결하게 웹 기능을 사용할 수 있는 '제이쿼리(jQuery)'에 대해 알아볼 것이다. jQuery 란 무엇인가? 제이쿼리는 '경량의 JavaScript 라이브러리'라고도 한다. 기존과 다른 특별한 소프트웨어가 아니라 자바스크립트를 웹에서 '훨씬 쉽게 사용'할 수 있도록 하는 것이다. jQuery는 자바스크립트 코드로는 길게 작성해야 하는 작업을 한 줄의 코드로 호출할 수 있다. 자바스크립트의 많은 복잡한 작업을 단순화할 수 있다는 이야기이다. jQuery는 다른 사람이 써놓은 자바스크립트를 '가져와서(임포트)' 사용한다고 볼 수 있다. 그렇기 때문에 jQuery를 사용하기 위해서는 태그 사이에 아래 코드를 복사 붙여넣기 해주면 완료이다. 매우 간단하다. jQuery 기본 구문.. 2021. 5. 16. 이전 1 다음 반응형
