배꼽파지 않도록 잘 개발해요

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 웹 개발 웹 개발 = 프론트엔드 + 백엔드 이미 수요가 많은 분야인데, 아직도 계속해서 커지고 있음. 어떤회사나 프론트백엔드 개발자가 있음. 그냥 소프트웨어 엔지니어라는 타이틀 되어 있는 곳도 다루고 있는 서비스가 웹 기반이라면 웹 개발자 뽑는거나 마찬가지 관심있는 분야가 따로 없으면 수요가 많은 웹 개발이나 데이터 사이언스 분야로 진입하는 것이 좋음. 유저들이 사용하는 서비스를 직접 만들고 싶다 → 웹 개발 다양한 각도에서 데이터를 사용하고 싶다, 수학적 기법을 활용,인사이트 도입 → 데이터 사이언스 프론트엔드(Front-end) = 클라이언트 HTML, CSS, JS + React, Angular, Vue HTML: 이미지..

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 제품 생산 공정 설계 → 생산 → 조립 → 검사 → (정상) → 재생 → 배송 → .... 반복 설계 → 생산 → 조립 → 검사 → (불량) → 재생 → 배송 → .... 반복 • 우리 일상에서 일어나는 일을 보면 순서대로 처리되는 구조, 상황이나 조건에 따라 다르게 진행되는 구조, 전체를 반복하는 형태의 구조를 갖고 있음. • 인간의 일상에서 만들어지는 구조는 프로그래밍 언어에서도 마찬가지임. 구조적 프로그래밍 패러다임 • 구조적 프로그래밍 패러다임 - 절차적 프로그래밍 패러다임의 하위 개념 - 네덜란드 과학자인 에츠허르 다익스트라가 처음 제안함. - goto문을 사용하지 않고 프로그램을 3가지 제어 구조만으로 구성하는 프로..

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 숫자와 문자 • 숫자 - 정수(integer) : 소수점이 없는 숫자 (ex. 53000000) - 실수(floating point) : 소수점이 포함되는 숫자 (ex. 3.141592) → 정수와 실수 표현 방법이 따르기 때문에 파이썬 내부에서는 서로 다르게 표현함. ※ 정수와 실수 표현 방법 → 별도로 공부 • 문자 - 유니코드(unicode) 기반 문자 또는 문자열 (파이썬 3.0부터 모든 문자를 유니코드로 처리) - 유니코드 : 전 세계 모든 문자들을 표현하기 위해 가변 길이의 4byte로 문자를 표현하는 코드 체계 - 인용 부호 " 또는 ' 를 사용하여 표현 - 문자가 하나이든, 여러 개이든 파이썬에서는 모두가 문자 ..

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 파이썬의 탄생 • 히도 판로쉼(Guido van Rossum), 1991년 개발 - 네덜란드 암스테르담 대학에서 컴퓨터 전공 - 좋아하는 코미디 'Monty Python's Flying Circus'를 따라 명명, 비단뱀에서 따온 거 아니라고 함. - 크리스마스 주 연구실이 잠겨 할일이 없어 만든 프로그래밍 언어 - 분산 운영 체제(아메바)의 시스템 관리를 위한 쉘 스크립팅 언어로 개발 → 갑자기 만들어진 것이 아니라 10년 전부터 계획하여 만들어진 것임을 알 수 있음. • 파이썬 공식 홈페이지 : https://www.python.org/ * 쉘(shell) [참고] - 운영체제에서 사용자가 입력한 명령어를 해석하여 운영체제..

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 컴퓨터의 구성요소 • 하드웨어 (물리적 장치) : - 컴퓨터를 구성하고 있는 물리적 부품 - ex. CPU, 키보드, 모니터 → 사람의 신체 • 소프트웨어 (논리적 장치) : - 다양한 장치들을 동작시켜 특정 작업을 해결하는 프로그램 - 전기적, 자기적 신호로 이루어져 있어서 만질 수 없음. - ex. 어도비, 윈도우즈 등 → 사람의 영혼 또는 지적 능력 사람의 문제해결 과정 • 사람이 수학식을 처리하는 과정 : 입력 - 제어 - 연산 - 기억&저장 - 출력 Q : 3 + 4 x 6 1) 입력 : 사람의 신체 기관을 통해 입력됨. 2) 기억&저장 : 수식이 머릿속에 기억됨. 3) 제어 - 어떤 계산을 먼저하고 나중에 해야 하는..

이벤트(event) 사용 중이거나 프로그래밍 중인 시스템 내에서 일어나는 사건 웹에서도 이벤트가 발생함. 웹에서 발생하는 이벤트의 예 웹페이지 사용자가 버튼을 클릭했다, 클릭 이벤트! 웹페이지 사용자가 키보드를 눌렀다, 키다운 이벤트! 웹페이지 사용자가 입력 폼의 내용을 제출했다, 제출 이벤트! ... 외 다수 이벤트 핸들러(handler) 이벤트가 발생되면 실행될 코드 블록, 함수가 이 역할을 담당함. 이벤트 핸들러 등록 : 이벤트 핸들러 역할을 수행할 함수를 정의하는 것 event handler register : 이벤트가 발생하면, 이 함수를 호출해라! 예시) 웹 사용자가 버튼(button) 요소를 클릭했을 때, 경고 다이얼로그 박스를 띄워 환영의 메시지를 보여주고 싶다면? const handleC..

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 데이터의 정의와 개념 • 데이터 (data) - 어떤 현상이나 사실에 대한 설명 또는 설명의 집합 - 관찰이나 측정을 통해 얻은 수치, 문자 형태의 표현할 수 있는 질적(quality) 또는 양적(quantity) 값 • 질적 데이터 (Qualitative, Categorical) - 설명적이고 주관적인 특성을 나타내는 데이터 - 범주로 나누어지며, 보통 숫자나 통계로 측정하기 어려운 현상이나 개념을 포함함. - 주로 텍스트, 이미지, 음성 등의 비정량적인 형태로 표현됨. ex. 성별, 고객만족도 조사에서 개인적인 경험 등 • 양적 데이터 (Quantitative, Numeric) - 정량적이고 객관적인 특성을 나타내는 데이터..

Document Object Model, DOM 렌더링 : 해석한 HTML 코드를 화면을 통해 보여주는 과정 렌더링의 세부 과정 브라우저는 HTML 코드를 해석해서 요소들을 트리 형태로 구조화해 표현하는 문서(객체)인 DOM을 생성함. 브라우저는 DOM을 통해 화면에 웹 콘텐츠들을 렌더링함. DOM의 존재 목적 DOM은 자바스크립트를 사용해서 웹 콘텐츠를 추가, 수정, 삭제하거나 마우스 클릭, 키보드 타이핑 등 이벤트에 대한 처리를 정의할 수 있도록 제공되는 프로그래밍 인터페이스(interface)임. 사진 넣기 (3분쯤 나오는 화면) Document & methods window.document 브라우저 객체 window의 document 속성은 창이 포함한 문서를 참조함. window.document..