전체 글25 [JavaScript] JavaScript란 무엇일까 오늘은 JavaScript에 대해서 간단하게 알아볼 것이다. JavaScript란 동적으로 웹을 바꾸고 멀티미디어를 다루고 많은 역할을 소화할 수 있는 언어다. 즉, 한마디로 웹을 풍성(동적)하게 만들어주는 작고 가벼운 언어 이라 할 수 있겠다. 이번 글에서는 정말 간단하게 이론에 대해 맛보기로 훑고 다음 장에서 본격적으로 자바스크립트를 정리할 예정이다. 1 'JavaScript'의 역사 JavaScript의 역사는 1990년대부터 시작됐다. 자바스크립트는 본래 넷스케이프 커뮤니케이션 코퍼레이션의 브렌던 아이크가 개발하였고 이름도 원래는 자바스크립트가 아닌 모카였다고 한다. 웹 브라우저에서 사용하기 위해 만들어졌으며, 주로 웹브라우저에서 유저 인터페이스를 동적으로 보여주기 위해 사용하였다. 하지만 최근 .. 2021. 1. 4. [Frontend-HTML] Favicon 홈페이지 적용 방법 HTML를 이용하여 홈페이지의 Favicon을 수정해보자. 1 Favicon이란 파비콘이란 아래 첨부된 사진처럼 홈페이지를 대표하는 작은 아이콘이다. 2 홈페이지에 Favicon 적용하는 방법 head 태그 안에 위와 같이 입력해주면 된다. 만약, Favicon 파일 확장자가 png라면 type을 image/png로 지정해줘야하고 ico이라면 image/x-ico로 지정해줘야한다. 3 클론 코딩 시 Favicon 찾는 방법 1) 크롬으로 클론 코딩할 사이트로 접속한 후 개발자 도구(F12)를 킨다. 2) head 태그 안에 있는 favicon 파일 장소를 찾는다. 3) 웹 페이지도 결국은 디렉토리 구조이기 때문에 그대로 파일 장소를 웹 주소로 생각하고 입력한다. 오늘도 긴 글 읽어주셔서 감사합니다. 공감.. 2021. 1. 2. [Frontend-HTML] HTML 기초 배우기 01 오늘은 HTML 기초에 대해서 배워보는 시간을 가지도록 하겠습니다. 사전 지식이 딱히 필요하지는 않다고 생각됩니다. 그러나, [Frontend-Network]로 기재해놓은 아래 게시글들을 순서대로 읽으신 후 이어서 보시는 것을 추천 드립니다! 1. 인터넷은 어떻게 동작하는가? ~ 2. 도메인 주소란? coding-dong-dang.tistory.com/25 1 코드는 어디에 적어야할까? 앞으로 프론트엔드 관련 주제로 작성되는 글은 모두 VsCode를 기준입니다. 정말 많은 에디터들이 있으나 저에게는 VsCode가 가장 잘 맞는 것 같습니다. 입문자용으로도 적합한 프로그램이기도 합니다. 아래 링크를 통해 자신의 OS를 고려하여 적절하게 선택하여 다운로드 받으실 수 있으십니다. code.visualstudi.. 2021. 1. 1. [Frontend-Network] 5. HTTP는 무엇일까요 ~ 6. 호스팅은 무엇일까요 오늘은 HTTP가 무엇인지, 호스팅이란 무엇인지 알아보도록 하겠습니다. 제가 작성해놓은 저번 글들을 참고하시면 해당 글을 읽을 때에 도움이 됩니다. 1. 인터넷은 어떻게 동작하는가? ~ 2. 도메인 주소란? coding-dong-dang.tistory.com/25 3. DNS와 작동 원리 coding-dong-dang.tistory.com/26 4. 웹 브라우저와 웹의 작동 원리 coding-dong-dang.tistory.com/27 1 HTTP란 무엇인가 HTTP란 Hyper Text Transfer Protocol의 약자로, 인터넷에서 데이터를 주고 받을 수 있게 해주는 프로토콜입니다. 프로토콜이란 일종의 통신 규약으로, 쉽게 말하면 규칙이라고 생각하시면 됩니다. HTTP라는 규칙 안에 모든 웹이 .. 2020. 12. 31. [Frontend-Network] 4. 웹 브라우저와 웹의 동작 원리 오늘은 웹의 동작 원리와 우리가 사용하는 웹 브라우저가 정확히 무엇인지 알아보도록 하겠습니다. 해당 글을 읽기 전에 전 글들을 참고하여 주시면 도움이 될 것 같습니다! 1. 인터넷은 어떻게 동작하는가? ~ 2. 도메인 주소란? coding-dong-dang.tistory.com/25 3. DNS와 작동 원리 coding-dong-dang.tistory.com/26 1 클라이언트와 서버란 네트워크로 연결된 컴퓨터는 역할에 따라 클라이언트와 서버로 나눌 수 있습니다. 저번 글에서 언급한 DNS 서버를 예로 들자면 질의(요청)를 하는 컴퓨터(PC)가 클라이언트, 이에 대한 정보를 응답하는 컴퓨터가 서버라고 할 수 있습니다. 즉, 웹에서의 클라이언트는 웹 브라우저를 통해 검색하는 사용자를 말하고 웹에서의 서버는.. 2020. 12. 30. [Frontend-Network] 3. DNS와 작동 원리 오늘은 DNS와 그 작동 원리에 대해서 알아보도록 하겠습니다. 이전 글을 참고하여 차례대로 봐주시면 읽으실 때 도움이 될 것입니다. 1. 인터넷은 어떻게 동작하는가? ~ 2. 도메인 주소란? coding-dong-dang.tistory.com/25 1 DNS 서버 (도메인 서버) 이전 글에서도 언급했듯이 DNS란 사람이 읽을 수 있는 형태로 IP 주소를 도메인 이름으로 변환한 것입니다. 그렇다면, 변환해주는 역할을 하는 무언가가 있어야 합니다. 그것이 바로 DNS Server(도메인 서버) 입니다! 2 DNS 원리 (도메인 서버 질의-응답 과정) DNS 시스템은 이름(도메인 주소)과 숫자(IP 주소) 간의 매핑을 관리하는 기능을 제공합니다. 우리가 웹 서버에 접속하여 네이버의 도메인 주소(www.nave.. 2020. 12. 29. [Frontend-Network] 1. 인터넷은 어떻게 동작하는가? ~ 2. 도메인 주소란? 오늘부터 프론트엔드 커리큘럼에 따라 스스로 학습하는 습관을 기르기로 하였습니다. 그 중에서 처음으로 인터넷의 동작 방법과 도메인 주소에 대해 정리하였습니다. 아래는 프론트엔드 커리큘럼에 대한 정보입니다. roadmap.sh/frontend Developer Roadmaps Community driven roadmaps, articles, guides, quizzes, tips and resources for developers to learn from, identify their career paths, know what they don't know, find out the knowledge gaps, learn and improve. roadmap.sh 1 인터넷이란 인터넷이란 전 세계적으로 연결되어 .. 2020. 12. 28. [Debian] Debian Linux OS 최신 버전 ISO 다운로드 방법 오늘은 Debian 계열의 리눅스를 최신 버전으로 iso 이미지 파일을 다운로드 받는 방법에 대해 알아보도록 하겠습니다. 블로그 글을 찾아보시는 분들은 보통 입문자들일 것으로 예상되오니 윈도우 환경을 기준으로 진행하도록 하겠습니다. 1 iso 이미지 파일 다운로드 Debian iso 이미지 파일은 현재 기준(20-12-27)으로 10.7.0까지 배포된 상태입니다. 아래 주소로 ftp 다운로드를 실행하여도 네트워크 망만 잘 연결되어 있다면 아주 잘 될테니 리눅스 환경에서 바로 진행하셔도 됩니다. 먼저, 아래 사이트로 접속해줍니다. (Debian ISO 이미지 파일 Mirror 사이트) debian.mirror.iweb.ca/debian-cd/ Index of /debian-cd debian.mirror.i.. 2020. 12. 27. [Power Apps] 쉐어포인트를 활용한 앱 개발 (4. 파워앱스 배포) 오늘은 우리가 지난 번에 빌드한 앱들을 어떻게 배포하는 지에 대해서 알아보는 시간을 가지도록 하겠습니다. 사실, 비즈니스용 앱이기 때문에 우리가 사이트를 만들 때 같이 속해있는 '구성원' 간의 공유만 가능합니다. 즉, 배포라고 할 게 딱히 없긴합니다만. A-Z까지 알려드리는 느낌으로 포스팅하였습니다. 1 파워앱스 비즈니스 앱 배포 방법 파워앱스 스튜디오에서 아래와 같이 진행하도록 합니다. 2 파워앱스 모바일 사용법 아이폰 유저시면 앱 스토어, 안드로이드 유저시면 구글 스토어를 통해 'Power Apps'를 다운로드 받은 후 진행합니다. 오늘도 긴 글 읽어주셔서 감사합니다. 공감 버튼 꼭 눌러주세요! 2020. 12. 25. 이전 1 2 3 다음
