전체 글 70

Javascript 중급 강좌 정리(1)

https://www.youtube.com/watch?v=4_WLS9Lj6n4 해당 포스팅의 모든 캡쳐사진 출처는 위 영상입니다 변수 : var / let / const (var는 예전 버전, 최근엔 let,const 권장) var는 한번 선언된 변수를 다시 선언할 수 있음 (let은 안됨) var는 선언하기 전에 사용할 수 있다 : 호이스팅 -> 할당하기 전에 사용하면, 선언은 호이스팅 되지만 할당은 호이스팅 되지 않기 때문에 해당 변수의 값이 undefined로 찍힘 호이스팅 : 스코프 내부 어디서든 변수 선언은 최상위에 선언된 것처럼 행동 *let, const도 사실 호이스팅 된다 ! 하지만 왜 let,const는 선언 전에 사용될 수 없을까? -> let,const는 temporal dead zo..

dev/프론트엔드 2024.01.27

Javascript 기초 강좌 정리

https://www.youtube.com/watch?v=KF6t61yuPCY 변수 변수 : 정보에 이름을 붙여 저장하고 싶을 때 사용 변수명은 문자/숫자/_/$만 사용 첫글자에 숫자 불가능 문자열에는 " " 필수임 (홑/겹 상관없음) 변수명으로 예약어는 사용 불가능 nm = "자바스크립트"; alert(nm); console.log(nm); 그런데 이렇게 변수를 선언하는것은 위험 ! 한번 선언한 이름과 같은 이름의 변수를 또 선언하게 될 수 있기 때문 (그렇게 되면 마지막에 선언한 변수 내용으로 덮어써지게됨) => 이러한 상황을 방지하기 위해 let / const 가 등장함 let (변하는 값을 선언) let nm = "자바스크립트"; alert(nm); //경고창 띄움 console.log(nm); ..

dev/프론트엔드 2024.01.23

html : semantic tag, inline vs block element

Semantic Tag 1. Semantic Tag : 의미를 가지는 태그 div,span과 같이 의미는 없지만 구획을 나눠주는 태그와 구분 과거엔 class명으로 구분(클래스명이 header,main,footer 등)된 여러개의 div태그를 사용했었음 2. Semantic Tag 사용 이유 웹 접근성 : 시각장애인들이 웹 사이트를 이용하기 위해선 화면 낭독기와 같은 웹 보조기구를 이용하는데, 이때 시맨틱 태그를 사용하면 제목과 내용 부분을 구별하여 정보를 정확히 전달할 수 있음검색 엔젠 최적화(Search Engine Optimization) : div와 span만 사용하는 문서는 어떤 것이 해당 웹의 주요 키워드인지 파악하기 어려움 -> 글제목에 해당하는 h1, 본문 영역인 main 등의 태그가 있다..

dev/프론트엔드 2024.01.16

HTML : 태그

https://www.inflearn.com/course/%EC%9B%B9%EA%B0%9C%EB%B0%9C-%EA%B8%B0%EC%B4%88-html-css/dashboard [지금 무료] 1. 웹개발 기초 [HTML, CSS] 강의 - 인프런안녕하세요. 웹페이지의 틀을 제작하는 HTML과 웹페이지를 꾸미는 CSS강의를 준비했습니다. 웹개발에 앞서 가장 기초에 해당하며 초보자분들 또한 쉽게 배울 수 있도록 준비했습니다., 웹 개발의 www.inflearn.comhttps://www.inflearn.com/course/%EC%99%95%EC%B4%88%EB%B3%B4-%EC%9B%B9%EA%B0%9C%EB%B0%9C-%EC%9E%85%EB%AC%B8 [지금 무료] 입문자를 위한, HTML&CSS 웹 개발 ..

dev/프론트엔드 2024.01.09

이클립스에서 깃허브에 프로젝트 올리기 (연동, commit, push)

객지프에 이어 자프실도 자바를 배우기 때문에 이클립스를 계속 써야해서... 이참에 이클립스를 깃허브에 연동해서 코드 푸쉬하는 방법을 알아보고자 했다 그땐 이게 이렇게 짜증나는 일일줄 모르고.... https://special-o.tistory.com/5 이클립스에서 깃허브로 프로젝트 올리기 (완전 쉽다)이클립스와 깃허브 연동하는 방법!! 처음 깃허브와 연동하려고 했을 때, 따라하는데도 잘 안돼서 힘들었던 기억이 있어요ㅠㅠ 쉽게 설명해보려고 했습니다. 이클리스에서 깃허브로 프로젝트를 special-o.tistory.com처음에 이 포스팅을 보고 따라하기 시작했다 처음엔 아주 순조로웠다 열심히 따라한 과정들... 그런데 마지막 commit and push 에서 문제가 발생했다바로 여기서 ! 이 창에서 nex..