자신의 프로필을 등록하는 페이지의 "이름", "Email 주소", "GitHub 주소"를 입력하는 기능을 구현하였다.

1. CDN이란 ? 물리적 거리가 멀리 떨어진 서버에서 사용자에게 데이터를 전송하려면, 너무 많은 시간이 소요된다. 이러한 문제점을 해결하기 위해, 여러 콘텐츠를 캐싱해 전 세계 여러 곳의 PoP(Point of Presence)에 저장한다. 그리고 사용자의 물리적 위치와 가장 가까운 서버에서 콘텐츠를 전송해주므로, 더 빠른 고성능 웹 경험을 제공한다. ATM과 비슷한 원리(직접 은행에 안 가도 서비스 이용 가능) 즉 사용 가능한 모든 리소스를 완전히 사용하고 부하를 분산하는 것이다. 참고: https://www.akamai.com/ko/our-thinking/cdn/what-is-a-cdn 2. javascript DOM이란 ? 웹 브라우저가 HTML 페이지를 의미하는 방식 document 객체와 관련..

1. 협업을 위한 도구 선정 (1) 협업을 위한 툴을 선정: GitHub 연결을 통한 branch를 생성해서 코드를 공유하기로 했다. (2) Figma를 통해 웹 디자인을 협업하길 했다. 2. 공부할 주제 선정 (1) javascript를 이용해서 조금 더 편리하게 작업하기 위해 프레임워크의 종류에 대해서 공부했다. 참고한 블로그: https://balmostory.tistory.com/166 자바 스크립트 프레임 워크 종류 및 순위 Top5 오늘은 자바 스크립트의 프레임워크 순위 top5를 간단하게 알아보도록 하겠습니다. 1.vue js. vuejs는 프론트엔트 프로그레시브 프레임워크입니다. 다른 것들과 달리 선택적으로 채택해 사용할 수 balmostory.tistory.com (2) 데이터베이스를 이..

1. 첫 번째 페이지 2. 두 번째 페이지 3. 세 번째 페이지 4. 네 번째 페이지 5. 다섯 번째 페이지 6. 여섯 번째 페이지 7. 일곱 번째 페이지 8. 설명 fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com fontawesome.com에서 가져온 아이콘들로 페이지를 꾸몄다. 또한 Nomad Coder 강좌의 내용을 기반으로 강의를 듣기 전, 후에 작성하고 수정하여 만든 카카오톡 페이지들이다. 각 페이지들의 아이콘들을 클릭하면 해당 페이지로 넘어가도록 설정해 놓았다...

1. 작성한 코드 (1) html (2) css 2. 원본 3. 적용된 화면

1. 작성한 코드 2. 원본 3. 적용된 화면