자바스크립트에는 많은 데이터 타입이 존재하며 그 중 하나로 배열(array)이 존재합니다. 배열은 자바를 비롯한 대부분의 언어가 가지는 데이터 타입으로 자바스크립트만의 특별한 자료 구조는 아닙니다. 그렇다면 배열이 사용, 선언되는 경우는 언제일까요?# 배열이 사용되는 경우배열을 선언하는 이유는 배열값이 한개의 값이 아닌 여러개의 데이터값을 동시에 가질 수 있기 때문입니다. 그래서 데이터의 집합을 저장하기 위한 용도로 사용하며 반대로 단일 데이터의 경우에는 문자 및 숫자 등의 타입이 사용됩니다. 이런 이유로 배열을 사용할 경우 아래와 같은 장점이 있을 것입니다.! 배열의 데이터 타입(구조)의 장점 단일 데이터(Single data)가 아닌 다수의 데이터(Multiple data) 저장 연관있는 데이터를 함께
Last Modified : 2021-01-05 12:21:14CSS 선택자 중에서 nth-child와 nth-of-type 속성은 매우 자주 사용되는 속성이다. 이 두 속성은 해당하는 태그에서 원하는 순번에 해당하는 태그만 속성을 지정할 수 있다는 장점을 가지고 있다. 이 두 속성의 차이점은 무엇인지 알아보겠다.nth-child와 nth-of-type의 가장 큰 차이점은 바로 해당하는 태그의 순서를 말하는지 아니면 부모 속성에서 특정 태그를 가진 자식 속성에서 몇번째 해당하는지의 차이라고 보면된다. 말로하면 쉽게 이해하지 못할 수 있으므로 아래 예제를 살펴보자. 풀어서 얘기하면...nth-child : 모든 자식의 순서에서 찾음nth-of-type: 해당하는 자식 태그 요소에서의 순서를 찾음만약 자식 요소 중에서도 특정한 태그를 선택하고 스타일을 부여할 경우에는 nt
Last Modified : 2020-05-10 17:03:16Php에서 변수 및 데이터의 타입을 확인하는 방법은 무엇일까요?# gettype() 함수를 사용한 데이터 타입 확인하기php에서 데이터의 타입을 확인하기 위한 방법으로 gettype() 함수가 존재합니다. 특정 변수의 데이터 타입을 확인하기 위하여 사용할 수 있습니다. 보통 변수의 값을 확인할때 이와 함께 자료 타입과 확인하는 것이 오류를 줄이는데 더 안전합니다. 간단한 사용 방법은 아래와 같습니다<?php // 만약 $test 변수가 존재하는 경우 gettype($test);?>gettype() 함수로 확인 가능한 타입은 아래와 같습니다.booleanintegerdouble (float 타입 역시 double로 반환됨)stringobjectarrayresourcenullunknown type방법은 매우
Last Modified : 2017-05-03 17:31:48CSS의 선택자 :nth-of-type() 그리고 :nth-last-of-type()에 대하여 자세히 알아봅니다.위 두 가지 CSS는 모두 선택자 속성입니다. 특정 엘리먼트 요소를 선택할 때 사용하며 사실 많이 사용되는 선택자 속성은 아닙니다. (nth-child, first-child, last-child 등이 많이 사용됨)하지만 정해진 순서에 따라 규칙적으로 스타일을 적용하는 경우 nth-of-type()을 사용하면 매우 쉽고 빠르게 스타일을 정의할 수 있습니다. 왜냐하면 nth-of-type()은 부모를 기준으로 하지 않고 자신이 속한 형제 요소로 규칙을 정의하기 때문입니다.그럼 아래는 이 두 선택자에 대하여 좀 더 자세히 알아보도록 하겠습니다. 이 둘은 어떤 차이점이 있고 어떻게 사용해야 할까요? 먼
Last Modified : 2019-11-11 11:54:27CSS 선택자 중 일부 요소에게만 스타일을 적용할 경우 ... 이때 사용가능한 속성이 바로 nth-child() 그리고 nth-of-type() 속성입니다. 그런데 만약 이 속성이 정상적으로 적용이 안된다면?? 이유는 여러가지 있을 수 있겠지만 아무런 문제가 없이 코드 적용이 되었다는 전제하에 다음의 경우를 생각해볼 수 있습니다. 적용할 CSS가 태그 요소외에 스타일이나 아니면 not() 선택자 등의 또 다른 선택자 요소가 포함되었다면 문제가 발생할 수 있습니다.!! nth-child 그리고 nth-of-child 속성은 해당하는 요소가 가지는 타입(클래스, 속성, 다른 선택자)에 영향을 받지 않는다그래서 클래스나 ID에 의하여 분류하는 경우 ... 아니면 :not() 선택자등을 통해 타입을 다르게 설정한다
Last Modified : 2018-08-29 10:03:12PHP에서 데이터, 변수 등의 타입을 확인하는 방법으로 어떤 방법이 있을까요? 아래서는 데이터 타입을 확인하는 방법을 알아봅니다.# PHP 데이터 타입 알아보기먼저 가장 간단한 방법으로 gettype() 함수를 사용하는 방법입니다. gettype()은 내장함수로 데이터의 타입을 반환하여 줍니다. 먼저 php에는 아래와 같은 타입이 있겠습니다.unknown typeNULLstringintegerarrayobjectbollean...위와 같은 다양한 타입이 존재합니다. 아래에서 getType을 사용하는 예제를 알아보세요.# PHP gettype() 함수 예제보기아래의 변수 $myStr의 타입을 알아보는 예제입니다.$myStr1 = 'abc'$myStr2 = 100$myStr3 = true$myStr4 = NUL
Last Modified : 2017-12-11 07:19:36새롭게 도메인을 구입한 경우를 이를 서버에 연결하기 위한 방법으로 네임서버(Name Server)를 변경합니다. 하지만 도메인 설정시 Type NS, 네임서버 외에도 사용목적에 따라 설정을 달리 할 수 있을 것입니다. 아래는 자주 사용되는 설정 타입인 TypeA, ip를 사용한 연결방법에 대하여 알아보며 이를 nginx에 설정하는 방법까지 알아봅니다.# 도메인 설정 TypeA는 무엇인가먼저 TypeA 방식은 무엇이 다를까요? 만약 webisfree.com이라는 도메인에 TypeA 방식으로 설정하는 경우 ip를 주소를 입력하여 원하는 서버와 연결할 수 있습니다. 즉 TypeA를 사용하면 webisfree.com에 접근한 도메인을 해당 ip로 보내게 되는 것입니다.@ 설정방법Name - webisfree.com
Last Modified : 2018-02-03 10:51:43AngularJS는 데이터 타입이 무엇인지 확인하기 위한 방법으로 간단한 메소드를 사용할 수 있다. 그 중에서 숫자타입을 확인하기 위한 방법으로 isNumber() 메소드를 사용할 수 있다.간단한 사용방법은 아래와 같다.AngularJS에서 숫자타입을 확인하기test = 'abc';angular.isNumber(test);// false를 반환함test = 123;angular.isNumber(test);// true를 반환함위 예제는 isNumber를 사용하여 숫자 타입을 확인하는 간단한 방법이다.사실 isNumber() 등의 메소드를 사용하는 방법과 순수 자바스크립트를 사용하는 방법은 동일한 결과를 얻을 수 있다. 실제로 isNumber()를 사용하는 방법이 코드를 확연하게 줄인다고 보기도 어렵다. 하지
Last Modified : 2017-01-03 10:17:13클라이언트 브라우저에서 Python 서버로 값들을 전송할 수 있습니다. 이때 여러 타입의 값들을 Python에서 전달 받는 방법을 알아봅니다.# Python 서버에서 여러 값들 전달 받는 방법전달 받는 값의 타입은 json, urlencoded, 파일(file) 등등 여러가지가 있겠습니다. 각각의 타입들을 서버에서 받기 위해서는 대부분 request 모듈을 사용합니다. 이때 모듈의 내부 함수는 조금씩 다른데요 하나씩 알아봅니다.! 먼저 GET 방식인 경우get 방식인 경우 주소 파라미터(query parameter, 쿼리 스트링)로 전달됩니다.request.args.get(key)예를들어 아래와 같은 주소로 전달된 경우라면?webisfree.com?sitename=webisfree&no=123request.
Last Modified : 2020-10-23 21:18:38자바스크립트에서 타입을 숫자로 변경하는 방법은 매우 많습니다. 아래는 이런 방법들을 알아보려합니다.# parseInt() 사용하기자바스크립트의 순수 함수인 parseInt()를 사용하는 방법입니다.var test = '123';parseInt(test);123 // 숫자로 변환됨가장 많이 사용되는 방법입니다. 실수로 변환하는 parseFloat() 역시 동일하게 숫자로 변환하여 반환입니다.parsetFloat(test);123 // 숫자로 변환됨참고로 parseInt() 또는 parseFloat()는 숫자뒤에 문자가 포함된 경우 숫자값만 숫자로 반환합니다. 일반적으로 NaN으로 반환되는 것과의 차이점입니다.test = '123webisfree';parseInt(test);123 // 숫자 123만
Last Modified : 2019-09-23 15:13:12자바스크립트 역시 객체지향언어로 객체와 클래스라는 개념이 존재하고 이를 사용할 수 있습니다. 이때 기존 클래스, 객체가 가지는 프로퍼티와 메소드를 상속 받을 수 있죠.상속에 대한 이해는 매우 중요합니다. 상속은 간단하게 부모가 가진 유전적인 형질을 자손이 이어 받아 사용할 수 있다라고 얘기할 수 있습니다. 그럼 아래는 자바스크립트에서 생성자함수를 사용한 상속 방법에 대하여 알아봅니다.# 자바스크립트 생성자를 사용하여 상속하기먼저 간단한 Website라는 생성자 함수를 만들어봅니다. 생성자 함수는 프로토타입으로 여러개의 동일한 인스턴스를 만들 수 있게해줍니다.Website = function(name) { this.name = name;};이제 생성자 함수 Website를 사용하여 webisfree라는 새로
Last Modified : 2019-08-08 09:03:23요즘은 거의 모든 프레임워크가 타입스크립트를 지원합니다. AngularJS의 경우 타입스크립트의 사용이 선택이 아닌 필수가 되어버렸고 ReactJS와 VueJS 역시 타입스크립트를 사용할 수 있도록 지원하고 있죠.이런 환경에서 타입스크립트를 사용할 때 세미콜론을 반드시 써야하는지 아니면 쓰지 않아야 하는지 혼동스러운 경우가 발생하는데요 이에 대하여 간단히 상황을 정리해봅니다. 이 글은 해야한다 아니다가 아닌 여러 의견과 정보를 취합하고 생각해보는 글입니다.# 꼭 세미콜론을 안 써야하는가?이런 문제가 발생하는 원인은 무엇일까요? 다수의 개발자들이 세미콜론 사용 유무에 대해 대립하는 상황이기 때문이죠. 즉 둘 다 무엇을 선택하든 문제가 없는 것이 문제입니다. 자유도를 최대한 허용하는 자바스크립트의 단점(?) 같
Last Modified : 2020-03-15 22:55:03타입스크립트(typescript)를 사용하는 웹어플리케이션이 많아지고 있습니다. 그 만큼 장점이 많기 때문이죠. 그런데 타입스크립트를 사용하면 개발 로컬 환경에서 추가적인 컴파일(트랜스파일) 시간이 길어지게 됩니다. 아래는 이에 대한 해결방법을 알아보려고 합니다.! 타입스크립트를 사용하면 왜 늦을까타입스크립트 역시 컴파일 과정을 통해 설정된 es5, esnext 등의 버전으로 변환되는 과정을 거치게 됩니다. react 등의 프론트엔드 환경에서는 웹팩(Webpack) 등의 번들링 과정을 거치게 될 것이고 이때 타입스크립트의 컴파일 역시 함께 수행되므로 로딩 시간은 더 걸리게 됩니다.가장 큰 문제는 시간이 생각보다 꽤 걸린다는 점입니다. 이는 프로젝트의 규모가 커질수록 더더욱 큰 이슈로 나타날 수 있습니다. 사
Last Modified : 2020-07-13 19:56:40자바스크립트 프로토타입을 확장한 메소드 추가하는 방법입니다.이때 주의할 점은 기존에 Native 메소드가 있는지 확인이 선행되어야합니다.# Example Codeif ([1].map) {}else { // Add prototype method if not exists only}그렇지 않는 경우 native 메소드 위에 코드를 덮는 이슈가 발생할 수 있습니다.
Last Modified : 2017-05-12 16:17:48Python 타입 중 하나인 tuple(튜플) 타입에 대하여 알아봅니다. 튜플은 무엇이고 어떻게 사용할까요?# Python tuple 타입 알아보기파이썬 언어에는 튜플(tuple) 타입이 존재합니다. tuple은 연속된 값을 가지므로 배열과 비슷하지만 값이 변경되지 않는(immutable) 특징을 가지고 있습니다.- tuple 타입은 값 변경이 안됨- 배열처럼 연속된 값을 가짐그러면 아래는 튜플 값을 선언하는 방법입니다.! tuple 값 선언하기튜플은 소괄호를 사용하며 () 내부에 콤마(,)를 구분자로 값을 선언합니다.(값1, 값2, ... , 값3)그럼 myTuple 변수를 만들고 값을 선언해보도록 하죠.myTuple = ('web', 'is', 'free')이제 값이 myTuple에 튜플 타입의 값이 선
Last Modified : 2020-07-17 10:00:01TypeScript에 대하여 알려주세요
Last Modified : 2020-08-07 15:56:42