본문 바로가기

분류 전체보기406

JS 기초 용어 1. 세미콜론( ; ) 2. 코맨트 (주석) - 어떤 의도로 코드가 작성 되었는지 설명할 때 - 구현한 코드가 어떤 동작을 하는지 기록할 때 프로그래밍은 몇 가지 핵심 개념에서 시작됩니다. '자료형'을 알면 컴퓨터에서 데이터를 어떤 형태로 활용하는지 알 수 있고, '추상화'를 알면 코드를 간결하고 근사하게 작성할 수 있죠. '제어문'을 알면 컴퓨터를 똑똑한 비서로 활용할 수 있고요. 프로그래밍을 잘 하려면 다양한 종류의 데이터를 자유자재로 처리할 줄 알아야 합니다 이번 토픽에서는 자바스크립트에서 사용되는 '객체'라는 특별한 자료형에 대해 배울 건데요. 알고 있으면 많은 도움이 되는 자료형 심화 내용도 준비했으니까, 궁금하신 분들은 꼭 수강해보세요! 2023. 6. 17.
Font-size : px / % / em / rem px 화면에서 그려지는 가장 작은 정사각형을 말합니다. 이 사각형을 크기의 단위로도 쓰는데요. CSS에서는 크기를 설정할 때 픽셀이라는 단위를 씁니다. 위 이미지의 일부를 확대해서 보니까 작은 정사각형 단위로 되어 있죠? 이때 각 정사각형을 픽셀(Pixel)이라고 부릅니다. 픽셀의 원래 이름은 Picture Element인데요. 그림의 기본 요소라는 뜻이죠. 이걸 줄여서 Pics + El = Pixel이라고 합니다. 이 정사각형을 화면에서 크기의 단위로 쓰기도 하는데요. 코드에서 크기의 단위로 쓸 때는 px라고 쓰고 픽셀이라고 읽으면 됩니다. 만약 어떤 이미지의 너비가 100px이라고 한다면, 가로로 저 작은 정사각형 100개만큼 있다는 거죠. 2023. 6. 17.
HTML - 꺾쇠 기호를 넣는 올바른 방법 HTML 파일을 작성하려면 DOCTYPE, , , ... 적어야 할 것이 참 많습니다. 이럴때 유용하게 쓸 수 있는 기능이 있는데요. VS Code에서는 !(느낌표)를 입력하고 Tab 키나 Enter 키를 누르면 HTML 코드를 한번에 입력할 수 있답니다! 꺾쇠를 글자로 입력하고 싶을 때는 꺾쇠를 그대로 쓰는 게 아니라, (앰퍼샌드 지 티 세미콜론) 이렇게 입력해 줘야 합니다. 여기서 lt라는 건 영어로 “~보다 작다”라는 뜻인 less than의 약자고 gt라는 건 “~보다 크다”라는 뜻인 greater than의 약자입니다. 2023. 6. 17.
웹 사이트 만들기 웹사이트를 만드는 프로그래밍 언어 기본적으로 HTML과 CSS로 만든다. 웹사이트에 들어갈 내용을 담당 웹사이트에 들어갈 스타일을 담당 프로그래밍 언어 : 프로그램을 만들 때 사용하는 언어 소스 코드 : 프로그래밍 언어로 작성한 내용 코딩 : 프로그래밍 언어로 코드를 작성하는 것 필요한 도구(권장) 1. VS Code (Visual Studio Code) 2. Chrome 브라우저 설치 배포하는 도구 1. Netlify 2023. 6. 17.
Git 과 주요 용어 Git : 버전 관리 시스템 - 개발 history를 쌓아가는 것 - 원하는 때로 복기할 수 있다. Github : Git을 서버에 올려두는 곳 repository : 저장소 commit : 저장소에 저장하는 것 checkout : 원하는 때로 돌아가는 것 push : repository를 Github에 올리는 것 pull : push의 반대개념 2023. 6. 16.

티스토리툴바