'웹 개발 정보' 카테고리의 글 목록

웹 개발 정보 (13)

Node 개발자라면 알아야 할 기본 지식 (JavaScript )

웹 개발 정보 다한(dahan) 2021. 3. 16. 10:11

Node 개발자라면 알아야 할 기본 지식을 한번 짚고 넘어가자는 의미에서 글을 쓰겠습니다. Node와 JavaScript Node는 구글에서 개발한 C++ 기반의 V8 엔진으로 빌드된 이벤트 기반 자바스크립트 런타임(실행 환경)입니다. 런타임 환경은 call stack, web apis, callback queue, event loop로 이루어져 있습니다. Node는 기본 언어가 자바스크립트이기 때문에 이 언어를 알아야 합니다. 자바스크립트 엔진은 메모리 힙(Memory Heep)과 호출 스택(call stack)로 구성되어 있습니다. 메모리 힙은 우리가 선언한 변수, 함수 등이 담겨져 있고 호출 스택에는 코드가 실행될 때 쌓이는 곳입니다. JavaScript 자바스크립트는 웹 브러우저에서 동작하는 스크..

프론트엔드와 백엔드 개발자의 역할

웹 개발 정보 다한(dahan) 2020. 6. 16. 09:57

웹 개발자는 크게 프론트엔드와 백엔드 개발자로 구분할 수 있습니다. 뜬금없이 왜 이런 소리를 하는지 궁금해하실 것입니다. 이렇게 구분하는 이유는 서로 같은 웹 개발자지만 하는 일이 달라서입니다. 어떤 일이 다르다면, 사용자에게 노출되는 여부에 따라 나뉘게 됩니다. 프론트엔드와 백엔드 개발자 프론트엔드 개발자는 클라이언트의 업무를 담당하게 되는데 사용자에게 직접적인 부분(홈페이지)이 보입니다. 레이아웃 설정부터 디자인, 사용자 인터페이스까지 담당하게 됩니다. 예를 들어 슬라이드형식으로 나오게 하거나 클릭하면 다른 페이지가 나온다거나 하는 등이 있습니다. 추천 글: 신입 프론트엔드가 알아야 할 역량 백엔드는 서버 부분을 담당하는데 프론트엔드에서 구현한 기능들을 관리하고 클라이언트로 결과를 넘겨주는 역할을 합..

웹퍼블리셔 포트폴리오 준비하는 방법

웹 개발 정보 다한(dahan) 2020. 6. 1. 07:00

대부분 IT회사는 최대한 업무에 바로 투입할 수 있는 경력 있는 사람을 선호합니다. 잡코리아, 사람인과 같은 구직 사이트를 봐도 신입보다는 경력을 선호하는 것을 알 수 있습니다. 그렇다고 신입이 갈 곳이 없다는 것은 아닙니다. 실력을 검증할 수 있는 포트폴리오가 있으면 됩니다. 다만, 포트폴리오를 어떻게 만들었는지가 중요할 것입니다. 이 글에서 웹퍼블리셔 포트폴리오를 어떻게 준비해야 하는지 알아보겠습니다. 회사 업무 성격에 맞게 포트폴리오 준비 자신이 원하는 회사에 들어가기 위해서는 업종과 관련된 포트폴리오를 준비하는 것이 좋습니다. 웹 제작 회사라면 요금제, 포트폴리오, 설명 등의 정보가 들어간 내용을 준비하는 것입니다. 회사가 지금까지 했던 포트폴리오를 보고 비슷한 내용을 준비하는 것이 취업 성공률을..

swiper 슬라이드 사용법

웹 개발 정보 다한(dahan) 2020. 5. 26. 07:00

swiper 사용법 웹 제작을 하게 되면 한번 쯤 만나는 것이 슬라이드를 만드는 것입니다. 직접 구현해서 만들수도 있지만 swiper api를 이용하면 조금 더 쉽게 만들 수 있습니다. 슬라이드와 관련된 다양한 예제도 있으니 참고하시면 좋겠습니다. CDN 불러오기 파일 만들기 swiper.css와 swiper.js 파일을 만들어 줍니다. 다른 이름으로 파일을 만들어도 상관없습니다. HTML 기본 레이아웃 Slide 1 Slide 2 Slide 3 원하는 예제 슬라이드 만들기 swiper demos에는 다양한 슬라이드가 있는데 원하는 것을 찾으면 'Source code' 탭에서 코드를 확인할 수 있습니다. 다음은 예제 슬라이드를 가져온 코드입니다. See the Pen How to Use Swiper by..

아마존 AWS EC2 ubuntu 환경으로 접속하기 with.window

웹 개발 정보 다한(dahan) 2019. 11. 2. 19:45

웹 호스팅으로 많은 사이트를 돌아다녔지만 이보다 퀄리티 있는 것을 못 봤습니다. 바로 아마존의 AWS EC2 서비스입니다. AWS EC2는 사용자가 가상 컴퓨터를 임대받아 그 위에 자신만의 홈페이지, 앱 등 자신이 개발한 것을 실행할 수 있는 서비스입니다. 즉, 개발한 홈페이지를 다른 사람이 볼 수 있게 해주는 서비스입니다. AWS는 1년간 무료로 사용할 수 있습니다. 따라서 연습하거나 배포 등 요금에서 절약할 수 있습니다. AWS에 로그인하면 콘솔이라는 이름으로 많은 서비스가 보입니다. 그 중 가상 서버 인스턴스를 생성하는 EC2와 데이터베이스를 구축할 수 있는 RDS가 가장 많이 사용됩니다. 이 글은 인스턴스를 생성하는 방법과 putty를 이용하여 ubuntu 환경으로 접속하는 방법 그리고 FileZ..

신입 프론트엔드가 알아야할 역량

웹 개발 정보 다한(dahan) 2019. 9. 27. 07:00

잡코리아나 사람인과 같은 사이트에 프론트엔드라고 검색한다면 각 기업의 자격요건이 있습니다. 공통적으로 신입으로써 프론트엔드가 알아야 할 역량을 알아보겠습니다. 프론트엔드는 홈페이지가 있을 때 사람들에게 보여지는 부분으로 주요 언어는 HTML, CSS, JavaScript입니다. HTML, CSS, JavaScript 이 세가지의 웹 언어는 필수입니다. 프론트엔드로써 가장 기본이 되고 모르면 일을 할 수가 없기 때문에 이것은 기본으로 깔고 가야 합니다. 더나아가 JavaScript의 표준인 ES6으로 프로젝트를 경험한 사람을 우대하거나 필수인 기업이 있습니다. 프레임워크 개발 경험자 프론트엔드에서 프레임워크는 React, Vue, Angular가 있습니다. 이 중 한 가지로 간단한 기능을 만들 수 있다면 ..

웹 표준과 웹 접근성의 개념

웹 개발 정보 다한(dahan) 2019. 9. 24. 07:00

웹 표준을 준수한다면 웹 접근성이 어느 정도 확보가 가능합니다. 즉, 기본적으로 웹 표준이 준수되어야 웹 접근성도 확인이 가능하다는 뜻입니다. 웹 표준을 지키면 콘텐츠의 올바른 구조화와 CSS로 유지 보수하기 쉽고 검색엔진 최적화가 되어 검색 노출에 도움이 됩니다. 웹 접근성은 장애가 있는 사람도 손쉽게 정보를 공유할 수 있는 공간을 웹이라고 W3C 창시자 팀 버너스 리가 말했습니다. 뿐만 아니라 모든 사람이 정보통신 기기나 서비스를 손쉽게 활용할 수 있도록 만드는 것을 말합니다. 웹 접근성은 경우에 따라 법적인 제재를 받을 수 있기 때문에 신중하게 다뤄야 합니다. 웹 표준은 크게 3가지의 계층으로 이루어져 있습니다. 구조 계층의 HTML, 표현 계층의 CSS, 동작 계층의 JavaScript가 있습니다..

완벽한 포트폴리오 제작 팁

웹 개발 정보 다한(dahan) 2019. 9. 19. 07:00

몇몇 웹 디자이너, 퍼블리셔, 개발자 등 작업물을 보여주어야 하는 사람은 포트폴리오를 가지고 있을 것입니다. 저도 마찬가지로 이번에 구직활동을 하면서 소개, 보유하고 있는 스킬, 포트폴리오, 연락처가 있는 포트폴리오를 제작했습니다. 덕분에 서류는 대부분 합격할 수 있었고 면접을 할 때에는 포트폴리오와 관련된 질문을 받았습니다. 이렇듯 자신이 한 작업물을 포트폴리오 페이지에 업데이트한다면 새로운 기회가 찾아올 것입니다. 그렇다면 완벽한 포트폴리오를 제작하는 팁은 무엇이 있을까요? 로고 사용 사람은 사이트를 방문할 때 상단부터 봅니다. 시작부터 좋은 인상을 남기는 지름길이 될 것입니다. 저는 무료로 로고를 제작하는 사이트에서 받아서 사용했습니다. 로고는 자신의 영어 이름의 앞자를 땄습니다. 최선을 다한 작업..

1
2

Copyright © 다한의 웹 블로그 All Rights Reserved

Designed by JB FACTORY

티스토리툴바