Jeden Tag, aufrichtig und lustig.

개발자 도구 개발자도구는 브라우저에 내장된 웹 개발자 도구 모음으로써 개발자가 개발과정에서 사용 한다. (예 : Chrome 개발자 도구, IE 개발자 도구, Safari 개발자 도구. etc) 특징 1. 웹 사이트를 즉각적으로 수정할 수 있다. 2. 문제 발생시 원인을 파악하여 빠른 속도로 더 나은 사이트를 만들수 있도록 도와 준다. * 특히 프론트엔드 개발자는 개발자 도구를 항시 활용 하며 업무를 진행한다. 자주 사용되는 패널 Elements 패널 웹 페이지 구성과 구성 요소들의 스타일을 확인할 수 있다. 페이지의 구성요소 확인 가능. 웹페이지 구성 확인 수정 가능. 크롤링 시 활용 가능. styles우선순위 확인 가능.(인라인-아이디-클래스-태그선택자) 쉽게 쉽게 스타일 순서도 바꿀 수 있음. 유저..

"사이트에 이미지를 넣는 방법은 두 가지가 있습니다. 태그를 사용하는 것과 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요." 오늘은 위 질문을 중심으로 semamtic tags와 semantic web에 대해 정리해보고자 한다. semantic tags (semantic markup) *semantic : 의미의, 의미론적인 단어 그대로 해석하자면 semantic tags는 의미를 가진 태그들을 의미한다. 프로그래밍에서 시맨틱은 코드 조각의 의미를 나타낸다. semantic tags를 사용하는 이유 1. 검색엔진 최적화 (Search Engine Optimization) 시맨틱 태그를 활용하는 것은 웹페이지가 검색엔진에..

Coding? 코딩이란 코드를 짜는 것을 일컫는다. 개발자는 코드를 짜는 사람을 말하며, 아래의 인과관계를 통해 프로그램 및 웹사이트 결과가 만들어진다. 원인 =사람이 하는 일 =부호 or 신호 =code =source =원천 =language (약속) ↓ 결과 =app =program =website * 에디터 : 편집 작성 프로그램 ex. ATOM : 코드 작성 프로그램 * 에디터 찾는 방법 keyword : best html editor 2022

Front-end vs Back-end 개발자가 되기로 결정했으면, 프론트엔드와 백엔드 중에서 어떤 분야의 개발자가 될 지 선택해야한다. 최종적으로는 두 분야의 지식을 둘 다 겸비한 풀스택 개발자가 되어야 하지만 갓 배우기 시작한 단계에서는 한가지 분야를 정하고, 먼저 그 분야의 전문가가 되어야 한다. 오늘은 프론트엔드와 백엔드의 차이점을 소개해 보고자 한다. Front-end ? 프론트엔드는 쉽게 말하자면 웹브라우저에서 보여지는 화면 부분을 얘기한다. 이 때 html-css-java script가 유기적으로 사용된다. 프론트엔드 개발자는 화면 부분을 개발하는만큼 예술적인 감각이 있으면 업무를 할 때 도움이 될 수 있다. 하지만 필수적인 요건은 아니다. 프론트엔드 개발자가 하는 업무는 크게 다음과 같다...