본문 바로가기

전체 글

Node 설치 하기 노드JS를 설치하는 것은 매우 간단하다.노드 웹사이트에서 자신 컴퓨터의 OS와CPU에 맞게 다운로드 가능하다msi 설치 파일을 눌러 단계별로 차근차근 진행하다보면 아주 쉽게 다운로드 할 수 있다. https://nodejs.org/ko/ Mac OS X맥 os도 다운로드 웹사이트가 존재해서 위에 설명처럼 동일하게 진행하면 아주 쉽게 다운로드가 가능하다. 하지만 패키지 매니저가 설치되어 있다면 그 패키지 매니저를 통해 웹사이트에서 다운로드 할때 보다 간단하게설치 가능하다. mac os x terminal에서 각 패키지에 매니저를 통해 설치한다. * Homebrew를 사용한 설치 brew install node * MacPorts를 사용한 설치 port install nodejs 위 명령어 한 줄이면 설치가.. 더보기
NodeJS의 소개와 특징 Nodejs 란? Node.js 는 많은 사람들이 언어나 프레임워크 많은 사람들이 프레임워크도 아니다.Node js는 구글의 Chrome V8엔진 위에서 구현된 자바스크립트를 위한 런타임 환경이다.런타임 환경이란 프로그램언어가 브라우저에서 프로그래머로서 실행되고 있는 장소를 말한다.javascript와 비교하여 정리하자면 javascript 는 브라우저에서 작동하는 프로그래밍 언어라고 할 수 있고Nodejs는 javascript가 브라우저 동작 할 수 있도록 도와주는 환경이라고 할 수 있다.Nodejs가 서버사이드 언어라고 보여지는 이유는 Nodejs가 javascript로 서버를 구현 할 수 있도록 환경을 구성 해주기 때문이다.Nodejs는 여러 프레임워크와 라이브러리가 있어 다양한 환경을 구성 할 수.. 더보기
AngularJS 란 ? AngularJS 란 ? AngularJS는 구글이 2009년에 발표한 Javascript기반의 프론트앤드 프레임워크이다. AngularJS는 MVC패턴 이고 SPA(Single Page Application)이다. 그렇다면 프레임워크란 무엇 일까? 프레임워크란 ? 설계의 기반이 될 수 있는 확장 가능한 기술들을 모아 놓고 사용자들이 원하는 대로 확장 할 수 있도록 하는 집합체이다.이렇게 설명하면 라이브러리하고 무슨 차이냐는 질문이 반드시 나올 것이다. 라이브러리는 자주 쓰이는 기능들을 모아서 필요 할때마다 가져다 쓴다. 말 그대로 라이브러리는 단지, 소스 안에서 편리와 효율을 위해 라이브러리를 만들고 호출하여 가져다 쓴다면프레임워크는 프레임워크이라는 틀 안에서 사용자들이 소스를 구현한다.아래에 사진을 .. 더보기
Text 개행 처리 및 글자 자르기 CSS 퍼블리싱 작업을 하면서 유용하게 쓸 수 있는 CSS를 이용한 Text 개행 처리에 대해서 알아 보겠습니다.주로 많이 쓰이는 때는 역시 글이 많이 쓰이는 게시판 구조의 프로젝트를 진행 할 때 라고 생각합니다. white-space - 공백 기준 줄바꿈(띄어쓰기 및 줄바꿈 공백) valuenormalprenowrap Default - normal white-space: normal 연속되는 여러 칸의 공백이나 줄바꿈을 하나(1칸)로 인식한다. 지정된 넓이 끝에서 자동으로 줄 바꿈한다. white-space: pre연속되는 여러 칸의 공백을 실제 입력된 그대로 보여 준다. 줄바꿈도 마찬가지로 실제 입력된 그대로 보여 준다.하지만 지정된 넓이 보다 오버 되도 강제 줄바꿈을 하지 않는다. white-spa.. 더보기
META OG TAG META TAG 란? META TAG 는 HTML 문서의 내용, 설명, 누가 만들었는지등의 HTML문서를 설명 하는 태그를 말합니다. OG TAG 란? SNS나 메신저에 링크를 공유 할때 미리 보기 화면이 나오는데, 그 미리보기 화면을 설정 할 수 있게 해줍니다.그럼 바로 예시를 보여 드리죠 위에 보이는 소스 처럼 메타 태그 설정 하고자 하는 타입을 지정 해주고 content 속성에 타입에 해당되는 값을 넣어주면 됩니다. 여기서 참고 할 점은 각 메신저나 SNS마다 메모리 공간 절약과 빠른 제공을 위해 캐시에 데이터를 저장 해놓습니다.즉. 태그 내용을 변경한다고 해도 바로 적용이 되지않고 캐시가 업데이트 될 때 변경된 내용이 적용 됩니다.적용 되는 시간은 각 메신저나 SNS마다 다르며 짧게는 몇 시간에서.. 더보기
Angular 내장 파이프 Pipe의 역할Angular 파이프는 문자열을 입력으로 받아들여 읽기 쉬운 출력을 만들어 내는 기능 입니다. 즉, 입력 된 값에 대해 원하는 포맷으로 출력을 해주거나 필터 역할을 합니다. 파이프는 다음과 같은 형태로 정의 합니다. {{ 값 | 파이프 }} 예를 들어, 파이프를 이용해 UTC 시간인 14608040465805를 읽기 쉬운 형태로 변환해 보겠습니다. UTC 시간 정보는 날짜 파이프를 이용하면 읽기 쉬운 날짜 형태로 변환 할 수 있습니다. UTC 시간 정보에 date 파이프를 적용해보겠습니다. {{ 14608040465805 | date }} => Jul 9, 2016 UTC 시간 정보에 date Pipe를 추가했을 뿐인데 가독성 좋은 날짜 정보가 만들어졌습니다. Pipe의 장점가독성 향상: .. 더보기
PHP 부동소수점 오류 컴퓨터가 소수점을 표현하는 방식에는 고정 소수점 방식과 부동 소수점 방식이 있습니다. 고정 소수점 방식은 소수점이 항상 고정된 위치에 있다는 의미로 정수를 표현할 때 주로 사용 되어 지고, 부동 소수점 방식은 소수점의 위치가 바뀌기 때문에 실수를 표현할 때 주로 사용하여 고정 소수점 방식보다 넓은 범위의 수를 표현할 수 있습니다. 그런데 컴퓨터는 모든 숫자를 2진수로 표현 하기때문에 부동 소수점에 약간의 오차 범위가 생깁니다. 이 오차 범위때문에 부동 소수점 연산 처리를 할때 어쩔 수 없는 오류가 발생합니다. 아래는 그 오류가 발생 하는 예시 코드와 코드에 대한 결과입니다. 위에 어처구니 없는 결과를 볼 수 있습니다. 2.3 * 100이 229입니다!! floor 함수는 소수점 이하를 무조건 버리는 함수.. 더보기
개설 기념 첫번째 글 ! 안녕하세요 홍승우 입니다. 앞으로 프로그래밍에 대한 많은 이야기를 하겠습니다. 감사합니다 더보기