프로젝트/[개인] 프론트엔드 로드맵 검색 결과
23 개의 검색 결과가 있습니다.
프로젝트/[개인] 프론트엔드 로드맵

[용어정리] Part1인터넷 | 도메인네임(Domain Name)이란?

Front-end 로드맵 따라하기 (요약) 키워드로 알아보기 도메인네임(Domain Name)란? - 'google.com' 및 'naver.com'과 같은 웹사이트에 액세스하는 데 사용되는 고유하고 기억하기 쉬운 주소이다. 사용자는 DNS 시스템 덕분에 도메인 이름을 사용하여 웹사이트에 연결할 수 있다. - 인터넷 인프라(기반 시설)의 핵심이다. 누가 도메인 이름을 관리할까? 더 알아보기 DNS요청은 어떻게 동작할까? 브라우저에 웹 페이지를 표시하려면 IP주소보다 도메인 이름을 입력하는 것이 더 쉽다. IPv4 주소(예: 173.194.121.32) 또는 IPv6 주소(예 : 2027:0da8:8b73:0000:0000:8a2e:0370:1337)를 통해 연결할 수 있다. 이제 프로세스를 살펴보자. 1..

2021. 12. 9. 21:35
프로젝트/[개인] 프론트엔드 로드맵

[용어정리] Part1인터넷 | DNS 및 작동방식

Front-end 로드맵 따라하기 (요약) 키워드로 알아보기 DNS(Domain Name System)란? -특정 컴퓨터(또는 네트워크로 연결된 임의의 장치)의 주소를 찾기 위해, 사람이 이해하기 쉬운 도메인 이름을 숫자로 된 식별 번호(IP 주소)로 변환해 준다. 즉, 인터넷 도메인 주소 체계로서 TCP/IP의 응용에서 naver.com과 같은 컴퓨터의 도메인 이름을 192.168.1.0과 같은 IP 주소로 변환하고 라우팅 정보를 제공하는 분산형 데이터베이스 시스템이다. -도메인 네임 시스템은 흔히 "전화번호부"에 비유된다. 즉, DNS이라는전화번호부 같은 서버를 제공해주는 덕분에 사람은 IP주소를 번호로 기억 안하고, naver.com 혹은 google.com과 같은 도메인네임(DNS)로 기억하면 된..

2021. 12. 8. 17:06
프로젝트/[개인] 프론트엔드 로드맵

[용어정리] pcss

결론 PostCSS는 Javascript plugin을 사용하여 CSS를 변환시키는 툴입니다. 다양한 css문법도 사용이 가능하며 변수처리, 간단하게 lint도 가능하며, CSS기능을 자동화를 했다고 생각하면 됩니다. PostCSS를 사용하면 타사 개발자가 만든 다양한PostCSS플러그인으로 CSS를 변형 할 수 있습니다. 의문 왜 PostCSS를 사용을 할까? 우선, Postcss는 css전처리기라고 불립니다. 왜냐하면 기본적인 CSS만으로는 다른 브라우저와의 호환성을 위해 중복적으로 작성되는 것들이 많은데, 이러한 중복되는 코드 작성을 최소화하고, 간편하게 하고자 전처리기가 나왔습니다. SASS 혹은 LESS 프레임워크와 같이 문법에 맞춰 작성해야하므로 한정되어있는 것과는 다르게 PostCSS는 플러..

2021. 11. 30. 23:59
프로젝트/[개인] 프론트엔드 로드맵

[용어정리] php

결론 PHP (PHP: Hypertext Preprocessor)란? C언어를 기반으로 만들어진 서버 측에서 실행되는 '서버 사이드 스크립트 언어'입니다. 의문 서버 사이드 스크립트 언어란 ? 우선, 웹 어플리케이션에 사용되는 용도로써의 스크립트 언어는 빠른 성능이 필요하지 않은 웹 애플리케이션을 만드는데 이용되어 왔습니다. 크게 서버 사이드 스크립트와 클라이언트 사이드 스크립트로 나눌 수 있습니다. -서버 사이드 스크립트는 해당 소스의 실행 결과를 확인하기 위해 웹서버를 거쳐야 하는 스크립트를 말하며 ASP, PHP, JSP, PYTHON, RERL, RUBY 등이 있습니다. -클라이언트 사이드 스크립트는 내장된 번역기(인터넷 익스플로러 등)에 의해 실행되는 스크립트로 서버를 거치지 않고 사용자쪽(웹서..

2021. 11. 30. 10:31
프로젝트/[개인] 프론트엔드 로드맵

[프로젝트1] Randing Page 템플릿 결정

오늘의 포스팅내용은 Randing Page템플릿의 전체적인 큰 구조입니다. 프로젝트 첫 주차의 주제는 Randing Page로써 위의 랜딩페이지로 구성된 포트폴리오 템플릿을 골랐습니다. 제가 위의 템플릿을 고른이유는, 다양한 애니메이션 효과들과 레이아웃이 마음에 들었기때문에 어렵겠지만..? 구조도 파악하고 공부하기에 재미있을 것 같아서였습니다. 바로 본론으로 이어가, 구조는 아래와같습니다. 우선은 크게 documentation 폴더와 html폴더가 보이는데요. documentation폴더에는 템플릿을 어떻게 사용해야되는지에 대한 문서가 있습니다. 아래와 같이 정말 깔끔하고, 보기쉽게 나와있었습니다. *참고로 어떤 템플릿을 보면 정말 친절하지 않은 템플릿을 종종 보았는데요. 그와는 다르게 이 템플릿의 문서..

2021. 11. 29. 23:41