'양콩테크' 태그의 글 목록

[JS] 자바스크립트 기초 문법 살펴보기 : 변수 -2

2023.06.02

[JS] 자바스크립트 기초 문법 살펴보기 : 변수 -2 ( UPDATE 2023 - 06 - 02 ) 프로그래밍 언어는 컴퓨터(기계)에 명령 또는 연산을 수행하게 할 목적으로 설계한 언어로, 사람이 컴퓨터와 의사소통할 수 있게 한다. 프로그래밍 언어를 공부하려면 각 언어에서 제공하는 기초 문법부터 배워야한다. 기초 문법의 대표적인 예로 변수와 상수, 자료형, 연산자, 조건문, 반복문, 예외 처리 등이 있다. 이 개념들은 꼭 자바스크립트가 아니더라도 형식이 조금 다를 뿐 대다수 프로그래밍 언어에 공통으로 존재한다. 그럼 자바스크립트에서는 이런 문법들을 어떻게 다루는지 배워보자. let 변수를 선언하는 키워드는 var 말고도 let이 있다. let num = 10 + 20; 1. 변수명 중복이 불가능하다. ..

📚 지식 채우기/웹 (프론트엔드, 백엔드)

[JS] 자바스크립트 기초 문법 살펴보기 : 변수 1

2023.06.02

[JS] 자바스크립트 기초 문법 살펴보기 : 변수 1 ( UPDATE 2023 - 06 - 02 ) 프로그래밍 언어는 컴퓨터(기계)에 명령 또는 연산을 수행하게 할 목적으로 설계한 언어로, 사람이 컴퓨터와 의사소통할 수 있게 한다. 프로그래밍 언어를 공부하려면 각 언어에서 제공하는 기초 문법부터 배워야한다. 기초 문법의 대표적인 예로 변수와 상수, 자료형, 연산자, 조건문, 반복문, 예외 처리 등이 있다. 이 개념들은 꼭 자바스크립트가 아니더라도 형식이 조금 다를 뿐 대다수 프로그래밍 언어에 공통으로 존재한다. 그럼 자바스크립트에서는 이런 문법들을 어떻게 다루는지 배워보자. 변수란 무엇인가? 왜 필요한가? 프로그래밍 언어를 공부할 때 가장 먼저 배우는 개념은 데이터 처리이다. 애플리케이션은 데이터를 다루..

📚 지식 채우기/웹 (프론트엔드, 백엔드)

[JS] 자바스크립트 시작하기

2023.06.02

[JS] 자바스크립트 시작하기 ( UPDATE 2023 - 06 - 02 ) JavaScript는 동적으로 콘텐츠를 바꾸고, 멀티미디어를 제어하고, 애니메이션을 추가하는 등 거의 모든 것을 만들 수 있는 스크립팅 언어다. 자바스크립트 코드 작성 방법 1. 자바스크립트를 웹브라우저에 적용하는 방법. 내부 스크립트 방법 HTML 문서 안에서 script 태그의 콘텐츠 영역에 자바스크립트 코드를 작성하는 방법이다. 외부 스크립트 방법 별도의 js 확장자 파일을 만들어 자바스크립트 코드를 작성하고 이 파일을 HTML 문서에서 script 태그로 연결하는 방법이다. script 태그의 사용 위치 script 태그는 웹 브라우저에 화면이 표시되는 것에 영향을 미치지 않도록 body 태그가 끝내기 전에 사용한다. 2..

📚 지식 채우기/Tools

[깃&깃허브] GIT and GITHUB

2023.06.02

[깃&깃허브] GIT and GITHUB Git git의 필요성 코드가 긴 경우에는 파일의 히스토리를 알고 있어야 한다. 처음에 뭘 작성했는지, 나중에 뭘 추가했는지, 변경 내역 등을 알고 있어야 하는데 이럴 때 git을 사용하면 것이 도움이 된다. 내가 원하는 파일의 변경된 내용을 확인 할 수 있다. git은 programming에서 주로 사용되는 도구다. text 파일에서만 사용 할 수 있는 것이 아니라, excel, image, song 등등 다른 파일 형식에도 사용 할 수 있다. git 시스템은 파일을 binary format(0101010 같은 것)으로 인식하기 때문 git은 어떤 파일이든 수정된 내역을 알 수 있다. code에 주로 사용되는 도구이지만, 다른 형식의 파일도 변경 내역을 추적하..

🌱 코린이를 위한 GUIDE/🌐 WEBSITE

CSS 초심자 참고 사이트

2023.06.01

CSS 초심자 참고 사이트 내가 CSS를 공부하면서 참고 했던 여러가지 사이트를 추천해보려고 한다. 아래 사이트에서 좋은 정보 얻어보자! easing animation 참고사이트 Ceaser CSS EASING ANIMATION TOOL 클릭 transform-function 참고사이트 mdn web docs / transform-fuction 클릭 CSS 애니메이션 참고사이트 animista.net 클릭 Media queries 참고 사이트 mdn web docs / media queries 클릭

📚 지식 채우기/웹 (프론트엔드, 백엔드)

[HTML&CSS] Media Queries

2023.06.01

[HTML&CSS] Media Queries ( UPDATE 2023 - 05 - 31 ) Media Queries Media Query Media query는 반응형 웹을 만들 때 사용한다. (웹사이트를 보고 있는 사용자의 스크린 사이즈 기준) @media screen and (max-width: 0px) {} 을 이용하여 스크린 사이즈 별로 달라보이도록 만들 수 있다. - min 사이즈와 max사이즈를 조절하여 스크린 사이즈 별로 CSS 적용 device toolbar 브라우저의 개발자도구 inspect에서 device toolbar를 이용하여 기기 별 사이즈로 브라우저를 볼 수 있다. orientation: landscape 가로모드 적용 orientation: portrait 세로모드 적용 Me..

티스토리툴바