GABOJOK 개린D

프로그래머에게 프로그래밍의 관점을 갖게 해주고, 결정하는 역할을 한다 특정 프로그램을 설계, 개발, 문제 해결을 할때 주축이 되는 특정한 방법론과 사고의 흐름을 공유하고 있으면 패러다임이라고 볼 수 있을 것 프로그래밍 언어들은 특정 패러다임과 관련한 문법을 지원하거나 혹은 지원하지 않는다. 자바스크립트는 객체 지향, 함수형 프로그래밍 스타일에 적합한 고수준의 동적인 인터프리터 언어! 특정 문법은 java와 같은 c계열 언어에서 차용, 일급 함수라는 개념은 스킴에서 가져왔고, 프로토타입에 기반한 상속은 셀프라는 유명하지 않은 언어에서 가져왔습니다.

많은 프로그래밍 언어들이 존재하는 이유들 중 2번째. 성능/안정성 과 편의성의 Trade-off 관계. . 일단 Garbage Collection 이란? 번역하면 "쓰레기 수집" 이란 말ㅋㅋ 동적 할당된 메모리 영역 가운데, 더이상 사용할 수 없게 된 영역을 자동으로 탐지 및 해제하는 기능 . Trade-off 란 ?? 얻는게 있으면 잃는게 있다. 뭐 이런말 언어 자체에서 많은걸 지원할수록 (메모리 관리, 타입 추론 등) 해당 언어로 작성된 프로그램들의 성능과 때로는 안정성이 "일반적"으로 떨어짐. 객체지향 언어들은 (Javascript) Garbage Collection 내장되어 지원함. C, C++ 은 내장되어 있지 않으나 라이브러리 통해 Garbage Collection 사용 가능.

프로그래밍 언어는 왜이렇게 많을까?? 1. 컴파일 여부 2. 성능/안정성과 편의성의 Trade-off 관계 (하나를 얻으면 하나를 잃는다는 뜻) 3. 패러다임 이 3가지로 인해 다양한 언어들이 존재함. 각 언어들 다양한 특성을 가짐. 1. 컴파일이란? 우리가 프로그래밍 언어로 작성한 코드를 컴퓨터가 알아들을 수 있도록 번역해주는 것. 컴파일의 시점, 방법에 따라 언어가 나뉨 컴파일 언어_ C언어, Java 등등 인터프리터언어 _ Python, Javascript 등 컴파일 언어 단점 컴파일 언어는 처음 실행시 컴파일 하는 시간이 필요. 또 번역하는 과정에서 문법을 검사하는 등의 별도의 처리를 거치기에 에러를 미리 마주해야함. 장점 런타임에 (프로그램 실행 중간중간에) 번역하는 과정이 없다 실제 프로그램이..

jQuery의 .prop() 메서드는 요소의 속성 값을 가져오거나 속성 값을 설정하는 데 사용. .prop() 메서드는 선택한 요소의 속성을 변경하고 관리하는 데 사용됩니다. 속성은 HTML 요소의 특정 특성을 나타내며, 예를 들어 "src", "href", "checked" 등이 있습니다. .prop() 메서드는 다음과 같은 두 가지 방식으로 사용할 수 있습니다: 속성 값을 가져오는 경우: javascriptCopy code var value = $('.element').prop('attribute'); let ygHeight = $('.yackGuan').prop('scrollHeight'); //document.querySelector('.yackGuan').scrollHeight 만약 쿼리셀렉터 ..

함수 이름을 영어로 작명할 때 // - 영어소문자로 시작합니다. // - open_alert() 이런거 안됩니다. openAlert() 이렇게 붙여서 쓰는게 자바스크립트 관습입니다. (일명 camelCase) // - 한글작명도 상관없긴합니다. camelCase : 단어를 표기할때, 첫 문자는 소문자로, 다음 단어는 띄어쓰기 대신 대문자로. 예를들면 toDo 이런식

태그는 어디에 넣는게 제일 좋을까? js는 html을 조작하는 언어이다. 그래서 태그는 내가 작동시킬 html코드 아래에 적어야 잘 작동한다고 한다. 코드는 위에서 아래로 읽기 때문에. 어떤 강의에서는 head 태그 안에 넣고, 어떤 코드에서는 body 태그 제일 하단에 넣는 경우를 봤는데 한번에 정리가 되었다.

HTML 코드 로그인 하세용 전송 닫기 JavaScript 코드 let id = document.querySelector('#id'); let pw = document.querySelector('#pw'); $('.btn-primary').on('click', checkForm); function checkForm(e){ // 여기서 매개변수 e를 넣는건, 이벤트가 발생했을때, 그 이벤트에 대한 정보를 제공하기 위해서 . // 이걸 넣지 않으면 e.preventDefault()가 안먹음 if(id.value === ""){ alert("아뒤 입력요망"); e.preventDefault() // 이벤트가 발생되었을때, 기본적으로 수행되도록 한 동작을 중단시긴다. 현재 상황에서는 다른 html 로 넘어가도록..

우리는 간단한 UI 를 만들때에 1. 적용하고자 하는 UI의 HTML 과 CSS 를 미리 만들어 두고, 2. css의 display를 none 으로 숨겨둔 후에, 3. 필요할때만 어떤 이벤트가 실행되면 의도한 UI의 display 를 block으로 바꾸어 주는 과정을 거쳣다. 그런데 우리는 이제 jQuery 를 이용해서 보다 더 간편하고 쉽게 사용해 보자. 이전에는 document.getElementById('list' ).addEventListener('click', function( ) { document.getElementsByClassName('list-group')[0].style.display = 'none'; }; 이렇게 길게 썻다면 이제는 $('.list').on('click', funct..

function( ){ } 이렇게 생긴게 함수인데, 이 ( )소괄호 안에 들어가는 애들을 매개변수. 파라미터 라고 부른다. 이 파라미터는 함수를 동작시킬때 가변적인 요소가 된다. 근데 이 함수의 괄호 안에 또하나의 함수가 들어 갈 수도 있다. 우리는 이것을 콜백함수 라고 부른다. addEventListener( ) 이것 또한 하나의 함수로 본다. 그래서 addEventListener('click' , function(){}) 이런식으로 많이 쓰이기에 소괄호 안에 함수 또한 콜백함수 라고 본다.

예금을 5만원 미만인 경우 연 이자 15%, 5만원 이상인 경우 연 이자 20%일때, 예금에 따른 2년후 만기 금액을 계산해 주는 함수를 만들자. var money = 60000; function 예금(money){ var future = 0; if(money 0){ let a = money*1.15*1.15 future += a }else{ let a = money*1.2*1.2 future += a } return future; } console.log(예금(money)); 예금 문제 실패 이유 1. 무분별한 let 사용. money 같은 경우에는 함수에서 매개변수로 쓰임으로 var로 선언해야함. // 여기서 변수 선언방식에 따른 스코프의 차이가 있는데, // var..