분류 전체보기 20

[Javascript] 함수의 인수와 매개변수 개념(함수 깊게 파악하기)

이전에 배웠던 함수를 조금 더 깊게 배워보자.함수의 인수(argument)란?함수의 인수(argument)란 함수가 호출될 때 함수로 값을 전달해주는 변수를 가리킨다. 대부분의 함수는 하나 이상의 매개변수를 가지며, 매개변수가 없는 함수도 존재한다.매개 변수(parameter) 란?매개변수(parameter)란 함수의 정의에서 전달받은 인수를 함수 내부로 전달하기 위해 사용하는 변수를 의미한다. 인수(argument)란 함수가 호출될 때 함수로 값을 전달해주는 값을 말한다. 함수의 인수예제)먼저 예제를 입력해보자. 나는 banana를 출력하고 싶어 바나나를 썼다.function apple(){ console.log("banana"); } apple();이 때 여기서 apple도 출력하고 싶고 동시에 ba..

[Javascript] Javascript에서 함수(function)란? 함수 선언식과 함수 표현식

자바스크립트를 배울 때 변수, 함수, 지역변수, 전역변수라는 단어를 많이 들어봤을 것이다. 단어만 들어도 어려울 것 같아 손도 대지 않았는데.. 먼저 함수에 대해서 알아보고자 한다! Javascript에서 함수(function)란?자바스크립트에서 함수란, 다른 객체처럼 속성 및 method를 가질 수 있는 일급 객체이며, 인자를 가질 수 있는 코드 블록이다. 자바스크립트에서 함수는 프로그램에서 매우 중요하고, 부모 함수의 지역 변수에 접근할 수 있다. (closure) 즉, 일련된 공통의 작업을 처리하기 위해 연관된 코드들을 모아 놓은 자료형이다. 메소드(method) 더보기👇더보기메서드(method)란? 때로는 메소드라고 불리기도 하는 메서드는 어떤 객체가 가지고 있는 어떤 동작을 말한다. 언어마다 조..

[Git/깃허브] 비주얼 vsCode에서 Github 업로드 하기(한글버전) 형상관리

먼저 알아둬야 할 것이 있다. Git과 GitHub의 차이? git : local 내 컴퓨터 내에서 소스를 관리하는 것 gitHub: local에서 관리한 소스를 업로드하고 공유하는 공간 깃허브에서 직접 수작업으로 파일을 하나씩 업로드하여 레파토지를 올릴 수 있지만, 이 방법은 시간도 오래걸리고 파일 용량이 크면 나눠서 올려야 하는 단점이 있다. 따라서 비주얼스튜디오 코드에서 터미널을 통해 올려보고자 한다. 1. git 설치 첫번째로 본인 컴퓨터 사양에 맞춰 깃을 설치해주고, 깃허브에 회원가입을 해준다. https://github.com/ GitHub: Let’s build from here GitHub is where over 100 million developers shape the future of..

git/git 2023.11.28

[Javascript] DOM이 뭘까? DOM과 DOM트리 구조 + 노드 Node 종류

학원을 다니거나, 면접을 다니다보면 "dom에 대해서 아세요?"라는 질문을 들어본 적이 한번씩은 있을 것이다. 물론 나도 면접 볼 때 들어봤고.. 하지만 DOM이라는 단어만 알았지, DOM에 대한 상세한 정보는 몰랐다. 오늘은 DOM구조에 대해 알아보려고 한다.DOM 트리란?DOM 트리란? 웹 페이지의 모든 요소를 Document 객체가 관리하게 된다. 따라서 웹 페이지의 요소들을 관리하고, 제어하기 위해서는 Document 객체가 웹 페이지 요소들을 잘 반영하는 자료구조를 가지고 있어야한다. Document 객체 모델인 DOM은 트리 자료 구조 형태를 가지고 있다. 트리 자료 구조는 HTML 문서를 읽어 들이고 제어하기 가장 좋은 자료구조이다.(Document란? 웹 페이지 그 자체를 의미함) DOM ..

[Javascript] Javascript의 탄생 이론과 출력

음..나는 제이쿼리만 많이 사용해봤지, 자바스크립트는 알림창용으로만 사용해왔다. 어느 면접을 가도 제이쿼리는 지금 거의 사라졌다고 말씀해주셨다. 이제 제이쿼리의 손을 벗어나 자바스크립트를 제대로 배워보려고 한다.Javascript의 탄생웹 페이지를 동적으로, 프로그래밍적으로 제어하기 위해서 고안된 객체 기반의 스크립트 언어이다. 1993년에 처음으로 Netscape라는 정적인 웹 사이트가 등장하였고, 웹 사이트보다는 웹 문서에 가까웠다. 이 때 '브레든 아이크'라는 사람은' Mocha'를 만들었고 Java가 인기가 많다며 이름을 자바스크립트(Java script)로 지었다. 자바스크립트 등장 이후 DOM 요소의 조작이 가능해졌다. 초기의 자바스크립트는 순탄하게 성장했던 것은 아니다. 오류와 문제점들을 해..

[CSS] CSS3이 뭘까? CSS의 역사 알아보기

보통 뒤에 숫자가 붙는 경우는 버전을 나타내는 경우가 많다. HTML도 뒤에 5가 붙고, CSS도 3이 붙는 것을 알 수 있다. 게임 다운로드할 때에도 버전을 나타내게 되는데 이것은 업데이트 수만큼을 의미한다. 따라서 CSS3이 대체 무엇인지 역사를 써보려고한다. CSS의 역사 CSS는 1994년 10월 10일, 하콤 비움 리(Håkon Wium Lie)가 처음 제안하였다. CSS의 버전의 변화 CSS 1 : 첫 CSS 규격은 공식 W3C가 권고안이 되었으며, 그 이름은 CSS1이다. 1996년 12월에 공식 발표 되었다. CSS 2 : CSS2는 W3C가 개발하였으며 1998년 5월에 권고안으로 발표되었다. CSS 3 : 2005년 12월 5월 이후 현재 개발중에 있다. 전체가 모듈화되어 사용자 에이전..

CSS/CSS 2023.11.27

[CSS] CSS 개념과 구조설명 및 우선순위

CSS란? CSS는 마크업언어가 실제로 표시되는 방법을 기술하는 스타일 언어이다. (Cascading Style Sheet)는 HTML과 XHTML에 주로 쓰이며, 스타일을 정의할 때 자유도가 높다. 마크업이 뼈라면 CSS는 살로 보면 된다. HTML은 그대로 냅두고, CSS만 변경해도 전혀 다른 홈페이지로 구현할 수 있다는 것을 알 수 있다. CSS적용방법은 3가지가 있다. 인라인 스타일( Inline CSS ) 빠르고 편리하지만, 많아질수록 가독성이 떨어지고 화면에 웹 페이지가 로딩되는 시간을 오래 걸리게 한다. 태그와 스타일이 혼잡해져 유지보수에 좋지 않다는 단점이 있다. 내부 스타일( Embedded CSS ) HTML 파일 내에 style(css)를 구분하여 작성하는 방법이며 이 또한 편리하고 ..

CSS/CSS 2023.11.26

[HTML] HTML5에서 지원중단(사라진) 태그 요소

데이터 표를 정리할 때, 태그를 자주 사용했는데 요즘 태그를 자주 사용하지 않는 추세라고 한다. 그래서 이게 없어졌다는건지, 그냥 기업에서 사용을 잘 하지 않는다는 것인지 알아보기 위해 작성하려고 한다. 1. HTML5에서 더이상 지원하지 않는 태그 요소들(Elements) 태그명 속성 대체 태그 applet 임베디드 애플릿 사용시 embed 또는 emded acronym 영문 축약형 사용시 abbr로 대체 dir 디렉토리 리스트 ul로 대체 strike 글꼴 효과(글 취소 효과) del 또는 s basefont 글꼴의 형태 정의 지원중단 center 텍스트 위치 중앙 정렬 지원중단 font 글꼴 지원중단 frame 프레임 지원중단 frameset 프레임 부속 태그 지원중단 tt 글꼴 효과(타자기 효과)..

HTML/html 2023.11.26

[HTML] HTML의 뜻(+면접TMI)

보통 학원에서 교육을 받을 때, 이론보다는 실무에 중점을 두어 배우게된다. 하물며 면접 준비도 실무에 많이 쓰이는 태그와 사용법만 준비하고 갔지 딱히 이론 공부는 한 적이 없었다. 물론 내가 따로 찾아보고 공부하려고 하지도 않았었다.. 준비가 많이 미흡했다는것을 느끼는 자리였고 면접관님께서 유익한 정보를 많이 알려주셨던 자리이기도하다. 면접자리에서 받은 질문을 받고 나는 당황했었다. 1. HTML 구조에 대해 알려달라 -> 실제 답변 : 어.. DOM..구조로 이루어졌다고 알 수 있습니다 -> 정의 : DOM의 구조는 트리구조로, body가 가장 상위에 있고, 아래에 여러 구성요소가 부모-자식 관계를 가지고 있다. 2. CSS의 뜻이 뭔지 알고있느냐 -> 실제 답변 : 스타일 시트..라고 알고 있습니다...

HTML/html 2023.11.25

[Javascript] 모달창 만들기 - parameter / function / EventListener

이제 막 기초를 배우는 자린이(?)이다.. 배운 것을 메모하고자 한다.만약 틀린 것이 있으면, 댓글로 알려주시면 감사하겠습니다. 1. 모달창 만들기 - 기본 입력1) HTML alert 박스 X 버튼1 버튼2 - body에 박스 모달창이 될 박스 한 개를 만들어주고 박스 안에는 close 버튼도 만들어준다. - 버튼1, 버튼2를 만들어준다. (버튼1 => 열기 / 버튼2 => 닫기) 총 두 가지의 버전으로 만들어 볼 것이다. 2) CSS -박스를 꾸며주고 마지막에 'display: none'을 입력하여 감춰준다. HTML 삽입미리보기할 수 없는 소스-display: none 2. 자바스크립트 javascript방법은 총 3가지를 배웠는데 parameter, function, EventListener가 있..