본문 바로가기
728x90
320x100

💻 하나씩 차곡차곡/Front-end25

[Javascript/자바스크립트] 변수 var, let, const 차이점 var 변수이름을 중복해도 에러가 뜨지 않고, 변수 재선언이 가능함. [단점] 코드량이 많아지면 어디에서 어떻게 사용될지 파악하기 힘들고 값이 바뀔 우려가 있음. let 변수이름을 중복하면 에러로 표시하고, 변수 재선언이 안됨. const 변수 재선언, 변수 재할당 모두 불가능. 2021. 9. 25.
[html] <fieldset>, <legend> 태그란? (정의 및 사용법) 요소에서 연관된 요소들을 하나의 그룹으로 묶을 때 사용. 그룹으로 묶은 요소들 주변으로 박스 모양의 선을 그려줌. 를 사용하면 요소의 캡션을 정의할 수 있음. 적용예시 회원정보 이름 성별 2021. 9. 24.
개발할 때 윈도우 창 두 개 띄우기 사무직을 5년 넘게 했으면서도 윈도우 단축키에 익숙치 않았는데 따지면 사실 배울 이유가 없었다. 굳이 몰라도? 크게 불편함이 없었기 때문에....그런데 개발자 공부를 하면서 단축키를 무조건 뭐든 알아둬야 훨씬 쉽고 편하고 좋다는걸 깨닫게 되었음. 사실 이 단축키도 개발자 아니여도 알만한 사람들은 다 아는 단축키인데 나처럼 비전공자인데 개발 시작한 사람들은 이런 간단한 단축키도 모르고 또 낯설 수 있기에 기록으로 남겨 둔다. 한 쪽은 인강을 틀고 한쪽은 notion으로 작성 하거나, 한쪽은 팀뷰어로 수업내용을 보고 한쪽은 내가 코드를 짜거나, 혹은 소스코드를 비교 해야 할 때 등등 다양한 경우에 윈도우창 이분할은 필요하다. 방법은 엄청무지 미친듯이 간단. [윈도우 버튼] + 방향키 위아래로 요리조리 눌러보.. 2021. 3. 26.
[자바스크립트] 개발자도구에서 확인된 오류 이클립스에서 해당 쉽게 이동하는 단축키 개발자 도구를 통해서 오류가 난 부분을 확인하면 마지막에 몇 번째 줄에서 오류가 났는지 뜸. 이미지는 57번째 줄에서 오류가 났다는 뜻임. 다시 이클립스에 돌아가 해당 부분을 수정해줘야 하는데 코드가 짧은 경우는 쉽게 찾겠지만 그렇지 않은 경우는 시간이 걸릴 수 있음. 그럴 때 Ctrl + L 을 클릭하면 몇번 째 줄로 이동할 껀지 묻는 창이 뜸. 그 창에 아까 개발자 도구에서 오류가 났던 57번을 입력하면 해당 코드로 쉽게 이동하여 조금이라도 빠르게 오류난 코드를 수정할 수 있다. 2021. 3. 24.
[자바스크립트] Uncaught SyntaxError: Unexpected end of input 자바스크립트 코드 짜다가 안되서 개발자 도구 보면 저렇게 쓰여있을 때 있는데 첨에 보고 input이 잘못된건가 한참 들여다 봤는데 그건 아니고, 또 오류가난 해당 경로 경로 따라 가봤는데 체크된 부분엔 문제 없어서 핵 당황... 문제는 간단하다 괄호 잘 안닫아 준거임. 눈에 불을 키고 {}, () 이 잘됐는지 찾아봐야 함. 2021. 3. 20.
[HTML] 이클립스에서 HTML 에디터 없을 때 (3시간 삽질 후 해결) 학원에서는 이클립스 설치만 해도 HTML 편집기가 뭐 암것도 안해도 있었는데 집에서 다른 버전을 깔아서 그런지 없더라. 그래서 겁나 찾아봤는데 일단 내가 깔 이클립스 버전에는 HTML 에디터가 기본으로 설치되지 않아서 추가로 플러그인을 설치해줘야 하는 상태인건 확인! 그럼 그 플러그인을 어떻게 설치하느냐? 1. 상단메뉴 [Help] - [Install New Software] 클릭함! 2. 아래와 같은 창이 뜨는데 [Work with] 에서 뭐 '어떤 걸' 검색을 해서 html 에디터를 다운 받으면 됨! 그런데 문제는 여기서 생김. [Work with] 에서 '어떤 거' 가 뭔데요? 뭘 검색하는건데요? 구글에 검색해보면 juno를 입력해라, indigo를 입력해라 등의 해결방법들이 있지만 죄다 안되더라... 2021. 3. 20.
728x90
320x100