Ideveloper's software blog

Web:DOM 과 querySelector | DOM이란? https://developer.mozilla.org/ko/docs/Gecko_DOM_Reference/%EC%86%8C%EA%B0%9C 공식문서 참고 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 구조화된 nodes와 property 와 method 를 갖고 있는 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또..

Javscript:자바스크립트의 선언방식, hoisting, 반환값,arguments 부스트코스 강의를 참고하여, 정리한 글입니다. | 시작하기에 앞서, 자바스크립트를 잘 이해하고 있다는것과 함수를 잘이해하고있다는것은 거의 같다고 한다. 따라서 이러한 자바스크립트 함수의 필수개념인 선언방식, hoisting, 반환값, arguments들에 대해서 알아보자. | 함수의 선언 아래와 같은 방식을 함수선언문이라고 부른다. // 함수의 호출. function printName(firstname) { var myname = "seungkyu"; return myname + " " + firstname; } | 함수표현식 아래와 같은 방식은 함수 표현식인데, 함수선언문과 달리 호출순서에 따라 정상적으로 함수가 실행..

Web: 도메인관리시스템에 대한 이해 | 시작하기에 앞서 만든 펜션사이트를 도메인을 연결해주려 하였다. 기존에 파이어베이스에서 제공한 호스팅으로 임의의 url (ex) example.firebase.app.com 로 사이트를 이용하고 있었는데, 알기쉬운 도메인으로 연결하는 과정에서 도메인관리 시스템에 대해서 궁금해져서 검색해보고 알아보았다. | 도메인, 네임서버와 관련한 웹 접속의 흐름 아래에서 볼수 있듯이 모든 도메인은 네임서버를 가지고 있다고 한다. 네임서버에서 도메인과 ip를 연관지어 브라우저에 연결된 ip주소와 관련한 내용을 보여주는 것이다. 도메인을 구입한 네임서버가 해외에 있으면 속도가 느리다고한다. 하지만 가격이 매우싸다고한다..ㅎ(500원에 할수도있다고한다.. 아까 14000원 주고 1년치..

Python - for | for python에서는 반복을 for과 while로 해줄 수 있다.아래와 같이 실행할 수 있다.반복할 부분을 코드블럭 이라한다. (들여쓰기가 꼭 필요하다. -> python은 필수, 들여쓰기를 탭으로 했으면 계속 탭으로 해줘야함, 띄어쓰기 4칸이 권장됨)for 변수 in 컨테이너: 실행할 명령1 실행할 명령2 아래가 사용예제 입니다, 아래와 같이 문자열에서도 사용할 수도 있습니다. | range() 내장함수이다. 아래와 같이 range(0,3) 으로 쓴다면 0~2까지 출력해 줄수 있다.즉 처음인자부터, 다음인자 전까지 출력할수있다.참고로 range(3)은 range(0,3)과 같다. | for x2 아래와 같이 for문을 중첩해서 쓸수 있다.아래예제는 구구단을 간단히 출력한 ..

Python - Tuple 튜플은 값을 변화시킬수 없다. | 튜플 아래와 같이 my_tuple은 ( , , )와 같이 선언해 줄수도 있고 괄호 없이도 선언이 가능하다. | 패킹 , 언패킹 패킹은 여러개 값을 하나로 묶는것이고 언패킹은 이묶은 값을 풀어주는 역할을 한다.아래와 같이 my_tuple 에 튜플로 패킹이 되어있는것을 num1,num2,num3에 언패킹을 해줄수 있다. 아래와 같이 사용해 줄수도 있다. num2,num1 과 같이 패킹을 하고 다시 num1,num2에 언패킹을 하는 예제이다.

Python - 리스트 | 리스트 문자열과는 다르게, 값을 변경할수 있다. 리스트->mutable (변경 가능)문자열 -> immutable (변경 불가능) | 값 추가하기 아래와 같이 append 메서드로 사용할 수 있다. 주의할점은 리스트를 미리 선언한 다음에 append를 해줘야 한다. | 인덱싱, del, 슬라이싱 indexing은 my_list[2]같이 index로 요소에 접근하는것이다.del 은 요소를 없애주는 역할을 한다.slicing은 문자열과 같이 my_list[:1], my_list[2:] , my_list[1:3] 과 같이 리스트를 자를 수 있는 것을 말한다. | 메서드 sort() sort는 말그대로 정렬을 하는 함수이다. count()아래와 같이 중복된것이 있으면 갯수를 세어준다...

Python - 문자열 저번 포스팅에 이어 문자열에 대해 살펴봅시다. |문자열 아래에서 볼수 있듯이, ' ' 나 " " 로 스트링 변수를 선언할 수 있다.그리고, """와 같이 쓰면 스트링을 여러줄로 받을수 있다 |포맷팅 문자열을 조금 더 잘 표현해 주기 위한 개념c에서도 유사한 개념이 나오는데 이를 차용하고 있다.% 뒤에 대입할 값들을 적어주면 된다. 여러개를 대입할때는 ( , ... ,) 이런식으로 적어주면 된다.%s 문자열 대입 표현 %d 정수형 대입 표현 %f 실수형 대입 표현 format()포맷팅을 좀더 python스럽게 해주는 함수아래와 같이 '{}'.format() 꼴로 표현해 주면 된다. 그리고 아래와 같이 format 요소들을 index로 접근 할 수도 있다. |포맷팅 문자열의 위치 , ..

Javascript - 속 깊은 자바스크립트 [3.자바스크립트의 변수] | 시작하기에 앞서, 자바스크립트는 일단 객체를 기반으로 이루어진 언어이다. 기본형 변수들을 제외하면 모든 객체는 object를 확장하는 형태를 취한다. 따라서, 자바스크립트에서 변수는 함수를 포함한 모든 종류의 객체를 자유롭게 사용할 수 있다. 따라서, 변수를 잘 알고 사용해야 하는데, 자바스크립트에서는 글로벌 변수를 다루는 방식 등 다른 언어와 다른 부분이 있다. 이번 포스팅에서는 이러한 내용을 포함해, 변수를 효율적으로 선언하고 관리하는 방법에 대해 살펴보자. | 1. 자바스크립트의 기본형과 typeof 자바스크립트에서 객체가 아닌 기본적인 키워드와 문자로 활용되는 기본형은 다음과 같다. number(숫자)string(문자열)b..