인형 코딩 - 인형 - 개인 재정 2024

Nikhil Abraham 저

코딩은 어휘, 논리 및 구문과 동일합니다. 코딩은 처음에는 위협적으로 느껴질 수 있지만 실제로는 전문 용어, 개념 및 구조에 익숙해지기 쉽습니다. 코딩에 대한 이해는 새로운 언어를 배우는 것과 다르지 않습니다. 자주 사용하면 코드로 말하고 생각하고 쓸 수 있습니다. 그래도 초보자가 질문하는 것은 당연한 일입니다. 온 - 오프라인 모두 사용할 수있는 많은 코딩 리소스가 있습니다. 주변에 물어 보면 혼자가 아니라는 것을 알게 될 것입니다. 많은 다른 사람들이 배우고 있습니다. 결국 코딩은 끝이없는 교육입니다. 마스터 패싯 또는 다른 하나가 당신 앞에 새롭게 열립니다.

코딩 어휘

코딩은 평범한 사람들이 뚫을 수없는 테크노 버블처럼 보일 수있는 광범위한 어휘를 가지고 있습니다. 코딩 관련 기사를 온라인으로 읽든 직장 동료와 이야기를하든간에 코딩 컨텍스트에서 이전에 들어 보지 못했던 의미가 다른 단어를들을 수 있습니다.

일반적인 웹 개발 용어:
- 서버: 웹 사이트 코드를 호스팅하고 "클라이언트"컴퓨터가 요청할 때 웹 사이트 코드를 "제공"하는 컴퓨터입니다. 서버는 대개 수천 개의 다른 서버가있는 대형 창고에 있으며 크기와 전력이 가정용 컴퓨터와 비슷합니다.
- 고객: 데스크톱 또는 노트북 컴퓨터, 태블릿 또는 휴대 전화를 포함하여 웹 사이트에 액세스하는 데 사용되는 기기.
- 디자이너: 웹 사이트의 모양과 느낌, 사용자가 웹 사이트와 상호 작용하는 방식 (예: 클릭, 스 와이프, 스크롤링 등)을 결정하는 예술 전문가입니다.
- 와이어 프레임: 디자이너가 웹 사이트의 레이아웃, 이미지 및 색 구성표를 자세하게 보여주는 일러스트레이션입니다.
- 개발자: 와이어 프레임을 유용한 웹 사이트로 변환하는 코드를 작성하는 엔지니어링 전문가. 작성된 코드의 유형에 따라 개발자는 프런트 엔드, 백 엔드 또는 전체 스택이라고합니다.
- 프론트 엔드: 브라우저에서보고 클릭 할 수있는 모든 것. 프런트 엔드 개발자는 HTML, CSS 및 JavaScript와 같은 프런트 엔드 언어로 코드를 작성하여 웹 사이트 모양을 만듭니다.
- 백엔드: 프론트 엔드를 의도 한대로 수행하기 위해 백그라운드에서 발생하는 모든 작업. 백엔드 개발자는 Ruby 또는 Python과 같은 백엔드 언어로 코드를 작성하여 사용자 로그인, 사용자 기본 설정 저장 및 사진의 주석과 같은 데이터 검색과 같은 기능을 만듭니다.
프런트 엔드 언어와 관련된 용어:
- * HTML ( 하이퍼 텍스트 마크 업 언어 ): 텍스트, 이미지 및 기타 콘텐츠를 배치하는 데 사용되는 언어 웹 페이지.
- HTML 태그: HTML 명령어 (일반적으로 쌍으로 표시됨). 브라우저는 여는 HTML 태그와 닫는 HTML 태그 사이에서 텍스트에 특수 효과를 적용합니다. 예를 들어
  태그는 브라우저에서 큰 굵게 표시된 헤드 라인으로 렌더링되며
  Dewey beats Truman
  와 같이 사용할 수 있습니다.
- HTML 속성: 태그의 동작을 수정하는 HTML 태그의 속성 또는 매개 변수입니다. 속성은 항상 시작 HTML 태그에 있습니다. 예를 들어 href는 하이퍼 링크를 만드는 데 사용되는 다음 앵커 태그의 속성입니다.
```
검색 엔진
```
- CSS ( CSS 스타일 시트): 웹 페이지에서 HTML을 수정하고 텍스트 크기, 이미지 크기 및 기타 특성을 변경하여 콘텐츠 모양을 표시합니다.
- JavaScript: 웹 페이지에 대화 형 기능과 애니메이션을 추가하는 코드입니다. 또한 JavaScript는 마우스 클릭과 같은 브라우저 이벤트를 감지하고 텍스트 입력과 같은 사용자 입력의 유효성을 검사하며 외부 웹 사이트에서 데이터를 검색합니다.
- Variable: 나중에 사용할 수 있도록 이름이 있고 숫자 데이터 또는 텍스트 ( 문자열 라고 함)가 포함 된 저장 위치입니다.
- If 문 (조건부): 일반적으로 x <18과 같은 변수가 포함 된 조건을 테스트하고 조건이 참일 때 작성하는 코드를 실행하는 코드 명령입니다.
- 기능: 쉽게 참조하고 사용할 수 있도록 프로그래밍 문의 그룹에 부여 된 이름.
백엔드 언어 관련 용어:
- Ruby: 웹 프로그래밍에서 가장 잘 알려진 오픈 소스 프로그래밍 언어.
- Rails: Ruby로 웹 페이지를 쉽게 만들 수 있도록 설계된 프레임 워크.
- Python: 웹, 과학 어플리케이션 및 데이터 분석에 사용되는 오픈 소스 프로그래밍 언어.

코딩 참고 자료 및 리소스

HTML, CSS 및 JavaScript는 가장 일반적인 프런트 엔드 코딩 언어입니다. 다음 표에는 세 가지 언어 모두를 계속 연습하는 데 도움이되는 온라인 리소스, 참조 및 자습서가 나열되어 있습니다.

W3Schools: HTML, CSS 및 JavaScript에 대한 참조 가이드
HTML 치트 시트: 가장 일반적으로 사용되는 HTML 명령
CSS 치트 시트: 가장 일반적으로 사용되는 CSS 명령
HTML 자습서: 웹용 자습서 및 기사 Google이 유지 보수하는
CSS 자습서: CSS에 초점을 맞춘 웹 프로그래밍을위한 자습서 및 기사
JavaScript 자습서: JavaScript 자습서 및 참조 안내서

일반적인 코딩 실수

코드가 작동하지 않습니까? 다음은 가장 경험이 많은 코더까지도 넘어갈 수있는 몇 가지 일반적인 실수입니다. 코드가 실행되지 않으면이 체크리스트를 실행하여 다음과 같은 오류가 있는지 확인하십시오.

HTML 태그를 열 때마다 닫는 HTML 태그가 없습니다.
HTML에 괄호 <또는>가 없습니다.
CSS에서 중괄호, 콜론 또는 세미콜론이 누락되었습니다.
```
h1 {color: blue;}
```
자바 스크립트에서 중괄호가 누락되었습니다.
따옴표의 모든 여는 쌍에 대해 닫는 쌍의 쌍을 두는 것을 잊어 버림.
개폐식 태그, 태그 또는 태그가 두 개 이상 있습니다.
CSS 코드 또는 섹션에 HTML 코드 삽입 및 HTML 섹션에 CSS 코드 삽입. 코드가 스타일과 모양을 다룬다면 CSS 일 가능성이 높습니다.
태그를 사용하여 CSS 파일에 연결하지 않기 때문에 CSS 효과가 브라우저에서 렌더링되지 않습니다.
와 같이 명령의 일부를 잘못 철자합니다. 속성의 철자가 잘못되어 scr이 아니기 때문에 올바르지 않습니다.
시작 HTML 태그 외부에 속성을 포함합니다. 예:
src = "logo. 속성이 여는 이미지 태그의 바깥에 있기 때문에 "jpg"가 올바르지 않습니다.