기본 정보 📖 책 제목 : IT 좀 아는 사람 📖 가격 : 12,500원(전자책 기준) 📖 저자 : 닐 메타, 아디티야 아가쉐, 파스 디트로자 📖 발행일 : 2021년 02월 📖 쪽 수 : 333p 구입 시기 2023년 3월 10일 별점 ⭐⭐⭐⭐⭐ 추천 대상 IT 용어는 얼핏 아는데 어떤 의미인지 잘 모르겠는 사람 비전공자 개발자 인터넷이 어떻게 연결되는지 궁금한 사람 내가 이용하는 어플이 어떤 원리로 작동되는지 궁금한 사람 전문용어가 남발하는 책은 졸리고 싫은 사람 추천 대상 적고 보니 내 얘기 같네.. 좋았던 점 1. 비유 설명 이와 관련하여 내용을 전부 작성하고 싶지만 저작권 문제가 걸릴 수 있어 굉장히 생략하여 보여드리는 점 양해 부탁드립니다. 최근 네트워크에 제가 굉장히 약하단 점을 깨닫고 관련..
안녕하세요. 생각을 구현할 수 있는 개발자가 되고싶은 양콩미 입니다. 매일 TIL 형식으로 복습 위주의 글만 쓰다가 오늘은 새로운 카테고리를 추가하게 되어 간만에 제 생각을 쓰게 되었습니다. 거창한건 아니고, 그간 제가 읽었던 책들에 대해서 저만 알고 있기에는 아쉬운(?) 것들이 많아서 많은 사람들과 공유하기 위해 [Book Review]를 추가하게 되었습니다. 원래 서점에 가서 책 구경하고, 책으로 읽는 것을 좋아했는데... 들고 다니면서 지하철에서 읽기 너무 힘들어서(노트북+책 어깨 뽀사짐) eBook에 눈을 돌리게 되었습니다. 몰랐는데 전자책도 왠만한건 다 서비스 되고 있더라구요. ㅎㅎㅎ 그래서 학원 가는 긴 시간 동안(왕복 3시간) 패드 하나만 있으면 여러 권 읽을 수 있어서 효율이 더 올라간 건..
CSS 선택자 CSS 문법은 크게 선택자와 선언부로 나뉩니다. 선택자는 CSS를 적용할 태그(요소)를 지정하는 문법적인 영역이며, CSS는 선택자를 지정하는 다양한 방법이 있습니다. 전체 선택자 HTML에서 사용할 수 있는 모든 요소를 한 번에 선택자로 지정하는 방법으로 * 기호를 사용 합니다. * { margin: 0; /* margin 초기화 */ padding: 0; /* padding 초기화 */ box-sizing: border-box; /* 중요! */ } 태그 선택자 HTML 태그명으로 선택자 지정 태그 선택자는 선택자에 지정된 태그명과 일치하는 모든 요소를 한번에 선택 합니다. div { width : 200px; height: 200px; background-color: royalblue..
CSS? CSS는 HTML과 함께 웹 표준의 기본 개념 입니다. HTML이 텍스트, 이미지, 표 같은 요소를 웹 문서에 넣어 뼈대를 만드는 역할을 한다면.. CSS는 텍스트, 이미지, 배경의 크기나 배치 방법 등의 요소를 이용하여 디자인을 담당 합니다. 초창기 HTML은 style이라는 속성으로 태그를 꾸밀 수 있게 했습니다. 하지만 웹이 발전하면서 하나의 웹 문서 안에 구조를 설계하는 태그와 디자인을 담당하는 스타일을 같이 묶어 두는 것이 문제가 되기 시작했습니다. 그래서 W3C는 웹 문서에서 구조와 디자인을 분리하기로 했고, 그 방법의 하나로 CSS라는 언어가 탄생했습니다. CSS 기본 형식 CSS 문법은 크게 선택자와 선언부로 구분 합니다. 선택자는 CSS 스타일을 적용할 HTML 태그(요소)를 선..
시맨틱 태그? Semantic은 '의미의', '의미론적인' 이라는 뜻을 가진 형용사 입니다. 따라서 시맨틱 태그란 말 그대로 의미가 있는 태그를 말합니다. div나 span과 같이 의미가 없는 태그는 태그 이름만 보고 어떠한 내용인지 알 수가 없는 반면, form, table, article 등 의미가 있는 태그는 내용을 명확하게 정의 합니다. 우리가 흔히 사용하는 웹 사이트의 디자인은 서로 달라 보여도 근본적인 구조는 비슷합니다. header에는 사이트 제목이나 로고가 있고, 본문 영역, footer 영역, 사이드 바 등이 있습니다. 시맨틱 태그 사용 이유 웹 사이트는 시맨틱 태그를 사용하지 않더라도 만들 수 있습니다. 그럼 왜 굳이 시맨틱 태그를 사용하는걸까요? 웹 브라우저가 html 소스 코드만 보..
문제 입력 받은 대로 출력하는 프로그램을 작성하시오. 입력 입력이 주어진다. 입력은 최대 100줄로 이루어져 있고, 알파벳 소문자, 대문자, 공백, 숫자로만 이루어져 있다. 각 줄은 100글자를 넘지 않으며, 빈 줄은 주어지지 않는다. 또, 각 줄은 공백으로 시작하지 않고, 공백으로 끝나지 않는다. 출력 입력받은 그대로 출력한다. 예제 입력 Hello Baekjoon Online Judge 예제 출력 Hello Baekjoon Online Judge 내 코드 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); while (true) { ..
1번 문제 조건 폼 요소를 삽입 할 때 태그 사용 ‘이름'필드는 텍스트 필드로 삽입하고 ‘공백없이 입력하세요'라는 힌트 표시 ‘연락처' 필드는 전화번호에 맞는 필드로 삽입 ‘지원 동기'는 텍스트를 여러 줄 입력 할 수 있는 텍스트 영역 필드로 삽입 텍스트 영역의 글자 수는 70자, 화면에 표시할 줄 개수는 5개로 지정 버튼은 태그나 태그를 이용해 만들기 코드 프론트앤드 개발자 지원서 HTML, CSS, Javascript에 대한 기술적 이해와 경험이 있는 분을 찾습니다. 개인정보 이름 연락처 지원분야 웹퍼블리싱 프론트앤드 모바일앱 지원동기 접수하기 다시쓰기 class 지정해서 style 적용하기 div 태그로 블록(?) 나누기 추후 서버로 데이터 보내기 위한 form 태그 감싸기 2번 문제 조건 주문 상..
폼 구성 폼(form)은 HTML에서 사용자와 상호작용해서 정보를 입력 받고 서버로 전송하기 위한 양식을 의미 form 태그 action 속성 폼 요소에서 사용자와 상호작용으로 입력 받은 값들을 전송할 서버의 URL 주소 작성 method 속성 입력 받은 값을 서버에 전송할 때 송신 방식 작성 속성 값으로 get 또는 post 사용 GET 방식은 주소에 데이터(data)를 추가하여 전달하는 방식입니다. 데이터가 주소 입력창에 그대로 나타나며, 전송할 수 있는 데이터의 크기 또한 제한적입니다. 따라서 검색 엔진의 쿼리(query)와 같이 크기가 작고 중요도가 낮은 정보를 보낼 때 주로 사용합니다. POST 방식은 데이터(data)를 별도로 첨부하여 전달하는 방식입니다. 데이터가 외부에 드러나지 않으며, 전..
텍스트 작성하기 제목(Heading) 태그 이용 제목1의 크기입니다! 제목2의 크기입니다! 제목3의 크기입니다! 제목4의 크기입니다! 제목5의 크기입니다! 제목6의 크기입니다! 대부분의 웹 브라우저에서는 종료 태그를 사용하지 않더라도 html 문법을 제대로 표시해주지만 React 등에서는 엄격하게 체크하기 때문에 가급적 종료 태그를 추가해야 합니다. 단락(Paragraph) 내용상 끊어서 구분할 수 있는 하나하나의 부분을 의미, 문단이라고도 함. html에서는 태그를 이용하여 단락 표현 제목1의 크기입니다! 제목2의 크기입니다! 제목3의 크기입니다! 여기서부터 단락입니다. 하나의 문단을 작성 할 때는 p 태그를 사용 합니다. 태그의 위아래로는 약간의 여백(margin)이 자동으로 삽입됨 텍스트를 굵게 표..
HTML HTML(Hyper Text Markup Language)은 웹 페이지를 작성하는데 사용되는 마크업 언어 웹페이지의 구조와 콘텐츠를 표시 이를 통해 브라우저는 HTML 코드를 해석하여 웹 페이지 렌더링 HTML은 웹 프론트엔드에서 기본적으로 사용되는 기술이며, CSS와 JavaScript와 함께 사용하여 보다 다양하고 동적인 웹페이지 구현 가 CSS CSS(Cascading Style Sheets)는 웹 페이지의 레이아웃, 스타일 및 디자인을 정의하는 스타일 시트 언어 웹 페이지의 디자인과 레이아웃을 꾸미는 데 중요한 역할 최근에는 CSS3에서 다양한 기능과 효과를 추가하여, 보다 다양하고 풍부한 웹 디자인 구현 가능 📌 스타일 정의 CSS는 HTML 요소의 스타일 정의 스타일은 텍스트, 색상,..