분류 전체보기153 자바스크립트 공부 환경tip (Visual Studio Code보다 Chrome이 더 좋다.) Chrome에서 F12 를 눌러 개발자 환경에 들어가 > 소스 > 스니펫 을 띄어보자. 비쥬얼 스튜디오 코드에서 Open with Live Server(단축키 :ALT + L +O )로 창을 띄워서 확인해야 하는 반면 Chrome창에서는 입력한 것이 바로 아래 콘솔창으로 볼 수 있기 때문에 편하다. 구동원리: Chrome의 V8엔진(자바스크립트 엔진) 사용 ㄴ⚓ = V8 엔진에 대해 가볍게 살펴보기 추가적으로 디버깅 기능을 이용해서 코드 오류를 잡아 내는데 좋을 것 같다. ->윗 문장 비문 : 의미중복 / / 나중 삭제 디버깅(영어: debugging) 또는 디버그(영어: debug)는 컴퓨터 프로그램 개발 단계 중에 발생하는 시스템의 논리적인 오류나 비정상적 연산(버그)을 찾아내고 그 원인을 밝히고 수.. 2022. 11. 4. 임시필기 부트스트랩에서 헤매지말자 ☞ 부트스트랩_CSS와JS포함 2022. 11. 3. [필기]23.4. 유저의 원활한 플레이를 위한 다양한 기능 🧡index.html 부분 💛main.js (사진1) //추가부분 주석첨가 💛main.js (사진2) 💛main.js (사진3) // play function 💛main.js (사진4) 2022. 11. 2. [필기] 22. 3. 숫자맞추기 게임 3탄 : 리셋과 다양한 기능들 🧡index.html 부분 💛main.js (사진1) //추가부분 주석첨가 💛main.js (사진2) 💛main.js (사진3) Q [ "남은기회 : chance번" ]이 아니라 다이나믹한 변수값(숫자)를 넣고 싶은데 어떻게 하면 좋을까? 남은기회 : , 번 ☞ 정적인 값(변하지 않는 값) chance ☞ 동적인 값 (변하는 변수값) A 정적인 값과 동적인 값을 같이 넣어주고 싶다면 약간 다른 문법을 써주셔야 되요. ※ " " 큰따옴표 사용은 안됩니다. 큰따옴표는 정적인 값에만 사용해 줄 수 있어요. 대신, 백틱!backtick을 사용해주세요! `남은기회:${chances}번` ☞ 이렇게 작성해주시면 `동적인값+정적인값` 을 같 이 둘 수 있습니다. `정적인값+${동적인값}` 2022. 11. 2. [필기 21.2. 숫자맞추기 게임2탄 : HTML과 자바스크립트가 소통하는 법 나의 첫번째 프로젝트 : 숫자맞추기 게임 만들기 1. 숫자맞추기 게임 소개 https://hackmd.io/@oW_dDxdsRoSpl0M64Tfg2g/rkwlZyHYF 2. 숫자맞추기 게임 2탄:HTML과 자바스크립트가 소통하는 법 https://hackmd.io/@oW_dDxdsRoSpl0M64Tfg2g/HyApBA8LY 3. 숫자맞추기 게임 3탄: 리셋과 다양한 기능들 https://hackmd.io/@oW_dDxdsRoSpl0M64Tfg2g/rJYPsA5UK 4. 숫자맞추기 게임 마지막: 유저의 원활한 플레이를 위한 다양한 기능 https://hackmd.io/@oW_dDxdsRoSpl0M64Tfg2g/rkDgA0qIt 🟨🟦🟧 🔶🔷🟠🟡🔵 🧡index.html 부분 💛main.js (사진1) 💛mai.. 2022. 11. 1. [필기] 20.1. 숫자맞추기 게임 숫자 맞추기 게임 - HackMD 명령 프롬프트를 이용하여 프로젝트를 만들 위치로 cd를 이용해서 이동 할 수 있다. ☞ 프로젝트 폴더 만들기 명령어 mkdir 사용하여 폴더 새로 만들고 ☞ code . 이용해서 비쥬얼스튜디오코드 창 띄우기 [step 1] index.html style.css main.js [step 2] 만들고 html 파일에 연결하기 head에 body에 2022. 11. 1. #20221029日=“좋은 코드(2), 검색 최적화에 좋은 블로그 글(1)” ⚓ href = 개발 초보도 바로 적용해 볼 수 있는 좋은 코드 작성법⭐ 1) 코딩 컨벤션을 지키자. 2) 좋은 이름 짓기 3) 파악하기 쉬운 프로젝트 구조를 만들자 4) 추상레벨을 일정 수준으로 유지하자 5) 반복하지 말자(Don’t Repeat Yourself) NEW WORD! : 코딩 컨벤션 , 클래스 다이어그램 ⚓ href = 요약 - 가독성을 개선하는 방법 1. 독서 포스팅 계기 2. 코드의 가독성을 개선하는 테크닉 1) 코드는 이해하기 쉬워야 한다. 2) 함수이름, 변수이름을 지을 때 구체적인 단어를 사용한다. 3) 중의적으로 해석되는 단어를 피하고, 구체적인 단어를 사용한다. 4) 미학적으로 보기 좋은 코드가 가독성도 좋다. 코드를 읽는 사람에게 친숙한 레이아웃을 사용한다. 5) 주석의 목.. 2022. 10. 29. [새싹 프론트엔드] 링크, 일정표, 커리큘럼, 다짐 🌱링크🌱 ⚡새싹 노션 | 공지사항 | 커리큘럼 | 공통자료(회신필요서류&상담) | 링크 모음 | 블로그&스터디 | 보충학습자료 | 일자별공지사항 | 🌳새싹 네이버Cafe | 강의자료 | 실습자료 | 🌱커리큘럼🌱 ver1. ot때 받은 커리큘럼 더보기 ver2. 20221107월 수정사안 : 취업컨설팅일정이 뒤로, React 공부시작일(11/22☞11/17로 변경) 🌱일정표🌱 오전오후 스터디 월 수 목 수 - 예습 스터디 월 목 - 복습스터디 수업시간표+스터디 만 넣은 시간 표 개인시간표(기상, 출퇴 시간 포함 ) 예쁘게 만드는 곳 - 후 이미지 해서 올려두기 🌱다짐🌱 102일... 나는 프엔이 될 수 있을까? 2022. 10. 24. 링크, 커리큘럼 ㄴ 자바스크립트 : 기초부터 실전까지 올인원 링크 tip 인프런 사이트는 Chrome으로 들어가자! ★섹션 목차★ 섹션0. 이 강의를 듣고나면 (1) 강의를 듣고난 후에 당신에게 벌어질 일 필기.20221024 (2) 프로그래밍은 어렵지 않다. 필기.20221024 섹션1. 자바스크립트의 기본문법 섹션2. 개발 환경설정 섹션3. 나의 첫번째 프로젝트 : 숫자맞추기 게임 만들기 예습스터디 과제. 20221102완료 섹션4. 나의 두번째 프로젝트 : 할일앱 만들기 예습스터디 과제. 20221109강의2번째에 에러발생 섹션5. 최신 자바스크립트 기술 섹션6. 나의 세번째 프로젝트 : api통신, 뉴스타임즈 만들기 섹션7. 나의 네번째 프로젝트 섹션8. 당신의 다음 스텝 2022. 10. 24. 이전 1 ··· 14 15 16 17 다음 728x90 반응형
