반응형 멋쟁이사자처럼후기47 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 6 (하이퍼링크, 섹션 관련 요소, 컨테이너 요소) 목차하이퍼 링크목록섹션과 메인 요소컨테이너 요소오늘 하루를 돌아보며 하이퍼링크하이퍼링크는 (anchor) 태그를 사용한다. 페이지 내에서 이동하거나 다른 페이지로 이동할 수 있다. a 태그로 텍스트를 감싸면 텍스트에 링크를 달고, 이미지를 감싸면 이미지에 링크를 단다.href 속성을 사용해서 링크의 목적지를 설정한다.링크 텍스트 href 속성에 넣을 수 있는 경로들은 다음과 같다.http(s) = Hyper Text Transfer Protocol (Security). 외부 서비스로 연결할 때는 http(s)를 사용하고, 내부 서비스로 연결할 때는 상대경로를 사용한다./... = 절대 경로(./)... = 상대 경로mailto:email@mail.com = 메일 클라이언트(Outlook/mail)를.. 2025. 5. 1. 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 5 (제목 요소의 중요성과 이미지 삽입) 목차웹표준과 웹접근성새로운 표준 HTML5DTD(문서형 정의)제목과 단락이미지와 피규어오늘 하루를 돌아보며 웹표준과 웹접근성Web(웹)이란?Internet은 inter network의 약자로, 거미줄처럼 전 세계적으로 연결된 망이다.처음에는 인터넷 서비스가 다양하게 있었지만, 이제는 거의 다 웹서비스(WWW - World Wide Web)로 이동했다. 웹을 탄생시킨 사람은 Tim Berners-Lee다. 웹의 아버지라고도 불린다. 지리적으로 멀리 떨어져 있는 사람들을 연결시키기 위해 만들었다. 사실 처음에는 중요한 연구 자료가 여러 나라를 이동하면서 유실되는 것을 막고, 빠르게 주고 받기 위해 만들었다. Web 기술의 설정값개발자로서 여러 페르소나를 선정해서 개발해야 한다. 성별, 연령, 장애 유무 등을.. 2025. 5. 1. 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 4 (Node 환경 이해 및 관련 패키지 설치와 활용) 목차Node.js NPM HTML 기본 구조 오늘 하루를 돌아보며 Node.jsNode.js는 브라우저가 아닌 외부에서 CLI와 서버 측 스크립트를 작성할 수 있는 무료 오픈소스 크로스 플랫폼 JavaScript 런타임 환경이다. 1일차에 설치했던 node 환경에서 자바스크립트를 실행할 수 있다. CLI에서 'node' 명령어를 사용하면 .js 파일(자바스크립트 파일)을 실행할 수 있다. NPMNPM은 Node Package Manager의 약자로, 자바스크립트 환경에서 패키지를 설치하고 관리하는 도구다. 프로젝트를 개발할 때 필요한 다양한 패키지를 손쉽게 설치하고 관리할 수 있도록 도와준다. NPM을 활용해서 패키지를 설치하고 삭제할 수 있다. 패키지를 필요에 따라 전역(Global) 또는 로컬(Lo.. 2025. 4. 29. 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 3 (Git을 이용한 버전 관리) 목차git init 저장소 생성git commit 파일의 변경 사항에 대한 이력 생성git status 현재 상태 확인Git의 3가지 영역Working Directory 작업창Staging Area 인덱스Repository 저장소add 파일의 변경 사항을 Staging Area에 추가작업 내용 취소, 되돌리기git log 커밋 이력 확인git checkout HEAD~# 과거 커밋 이력 확인git branch 브랜치 생성 및 이동git remote 리모트 브랜치(Github) 연결git push 로컬에서 변경한 내용을 리모트로 전송하기git pull 리모트 브랜치에서 로컬로 내용을 가져오기오늘 하루를 돌아보며 1. git init 저장소 생성현재 디렉토리를 Git 저장소로 초기화한다. 이 명령어를 실행.. 2025. 4. 29. 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 2 (CLI & Git(버전 관리)) 목차셸(Shell)셸(Shell)이란?주요 셸 종류rc로 끝나는 파일(.zshrc, .bashrc)CLI(Command Line InterfaceCLI란?CLI 주요 명령어Git을 활용한 버전 관리버전 관리(Version Control)란?Git 명령어가장 기억에 남는 순간 셸(Shell)셸(Shell)이란?셸(Shell)은 운영체제와 사용자 간의 인터페이스(중간 다리) 역할을 하는 프로그램이다. 다시 말해, 컴퓨터한테 말을 거는 통역사 같은 것이다. 내가 키보드로 입력하는 명령어(CLI Command Line Interface 명령 줄 인터페이스)를 받아서 운영체제한테 "이거 해주세요"라고 전달하고 결과를 다시 화면에 보여주는 역할을 한다. 껍질이라는 뜻의 셸은 운영체제의 핵심을 직접 건드리.. 2025. 4. 27. 이전 1 ··· 6 7 8 9 10 다음 반응형
