분류 전체보기 (76) 썸네일형 리스트형 SEB_FE_ 블로깅 챌린지 _ 12일차 ( JavaScript 객체 ) ** 객체이름 : obj ** 키이름 , 속성 : key ** 속성 값 : value 객체 선언 : let obj = { key1 : value1, key2 : value2, key3 : value3 } 값에 접근 : 1. obj.key; dot notation 2. obj['key']; Bracket notation // [ ] 내부에 String으로만 넣어줘야함 // key값이 동적으로 변할 때 Bracket notation 사용 ex) 매개변수 속성, 속성값 추가 : obj.key = value ; // 객체에 해당 속성이 없다면 그 속성을 추가 함 obj.key.push( value ) ; 속성, 속성값 삭제 가능 : delete obj.key 해당 키가 있는지 확인 가능 : key .. SEB_FE_ 블로깅 챌린지 _ 11일차 ( JavaScript 배열 ) 1. 기본 개념 요소 : 배열의 값 인덱스 : 배열의 순서 ( 0부터 번호를 매김 ) 배열 길이 : 배열이름 .length; 2. 배열에 요소 추가 / 삭제 배열에 요소 추가 : -> 배열이름.push(값); // 배열 마지막 인덱스에 요소 추가 -> 배열이름.unshift(배열요소) // 배열 맨 앞 인덱스에 요소 추가 배열의 요소 삭제 : ->배열이름.pop(); //배열 마지막 인덱스에 요소 삭제 ->배열이름.shift(); // 배열 맨 앞 인덱스에 요소 삭제 3. 배열타입 여부와 해당 요소의 여부 Array.isArray(배열이름) : 배열이면true, 아니면 false 반환. console.table(배열이름) : index와 배열요소를 한번에 볼 수 있음. 배열이름.indexOf.. SEB_FE_ 블로깅 챌린지 _ 10일차 ( CLI 기초 ) CLI : 터미널을 통해 사용자와 컴퓨터가 상호작용하는 방식. * 기본적인 명령어 1. CLI로 생성한 폴더나 파일은 GUI로 확인할 수 있고, GUI로 작업한 내용도 CLI에서 확인할 수 있음. -> pwd : 현재 폴더가 위치한 현재 경로를 확인할 수 있음. ( print working directory ) -> mkdir : 새로운 폴더 생성하기. 폴더이름에 공백이 있으면 \ 로 처리 (Ex mkdir 폴더이름) -> ls : 특정 폴더에 포함된 파일과 폴더 확인하기 . ( Ex ls -a 폴더이름 ) : -a : 숨어있는 파일을 포함한 모든항목을 출력 : -l은 폴더나 파일의 포맷을 전부 출력 -> cd : 상호작용하는 폴더를 다른 폴더로.. SEB_FE 블로깅 챌린지 _ 9일차 (JavaScript 기초 - 연습 문제) -> HTML의 요소는 자바스크립트 파일 ( .js파일 )을 연결할 때 사용. .js 파일을 cnt + s 로 파일 저장시 바로html에 적용됨. const 변수명 = document.querySelector('.Html의 클래스'); // HTML의 클래스,id 요소에 접근해 속성을 부여할 수 있음. // 불러온 값 (변수명)은 String 타입임. 오늘은 HTML을 토대로 JavaScript 를 코딩해 계산기를 만들어 보았다. CSS와 HTML은 제공 되었다. 과제1. 칸이 정해져 있는 계산기에 js로 기능 부여하기! -> 처음 시도한 계산기는 딱 한자리 숫자까지만 계산할 수 있었다. number를 한번에 여러개 누르면 첫.. SEB_FE 블로깅 챌린지 _ 8일차 (JavaScript 기초 - 연습 문제) 연습문제를 풀면서 pair와 서로 어떤 방식으로 풀었는지 공유했다. 비슷한 코드지만 얼마나 더 메소드를 활용하느냐에 따라 코드의 길이가 달라졌다. pair는 본인이 반복문으로만이 아닌 기능들을 사용해서 안타까워 했지만 같은 기능이더라도 좀 더 간단해 보이는 코드가 더 가독성이 좋아 보였다. 문제를 풀면서 시간이 오래 걸린 부분은 알고리즘을 구상하는 데에서 였다. 특히 오래 걸린 문제가 있었다. num을 입력하면 '2부터 num 까지의 소수가 몇 개'인지를 구하는 문제가 있었는데, 힌트에서는square root를 활용하면 좋다고 했다. 힌트를 봤을 때는 소수가 제곱근 했을 때 num/2한 값 이하의 정수로 되지 않는다면 그 수는 무조건 소수라는 것을 생각할 수 있다. 하지만... 힌트를 못.. SEB_FE 블로깅 챌린지 _ 7일차 (JavaScript 기초 2) 1. 숫자에서의 for 문 for (초기값; 조건식; 증감식) { // 실행할 코드 } // 초깃값 : 증감식의 반복횟수를 카운트 하는 역할임. for 문 내부에서만 유효함. // 조건식: for 문의 코드 실행 여부를 결정. true일 경우 실행, false 일경우 중단. // 증감식: for 문을 실행한 후 초기값 변수를 증/감 시키기 위한 표현식 -> 중첩되는 코드를 반복문을 사용해 간결하게 만드는 것이 목표. 2. 문자열에서의 for 문 // 1. 문자의 index (순서) let str = 'abcde'; console.log(str[0]); //'a' // 2. indexOf() 메소드. 특정 문자의 인덱스를 확인할 수 있음. console.log(str.index.. SEB_FE 블로깅 챌린지 _ 6일차 (JavaScript 기초 1) JavaScript : 브라우저, 서버, 모바일 개발이 가능한 멀티 패러다임 프로그래밍 언어. -> HTML과 JavaScript를 함께 브라우저에서 실행해야 작동함. -> 혹은 Node.js 자바스크립트 런타임 설치해야 작동함. -> 개인적으로는 StackBlitz 툴을 사용할 것임. : JavaScript 코드를 작성하고 나면, JavaScript엔진이 코드를 실행. -> run project .js 파일 작성 -> 터미널에서 node 파일이름.js -> 터미널에 node 입력 -> REPL 사용 -> 확인하고 싶은 코드 한줄 (작성한 코드가 문법에 맞는지 확인 하는 용도) -> 종료 .exit ( 간단한 코드 테스트) JavaScript 참고 : 1. 주석 :.. SEB_FE 블로깅 챌린지 _ 5일차 (CSS와 HTML을 이용한 계산기 만들기) 어제 과제 2에 이어서 계산기를 꾸며 보았다. 이론으로 배우던 hover도 사용해 보고, active 등도 사용해 보았다! pair 활동을 하면서 서로 코드를 보는 시간도 가졌는데, 코드가 완성되더라도 "중복된 코드를 줄이는 것" 과 "다른 사람이 보기 쉽게" 하기 위해 코드를 정리하게 되었다. 중복된 내용은 class와 id를 이용해 정리해 주었고, 같은 요소에 들어간 코드더라도 각 폰트, 색상, 배치(flex) 등 기능별로 코드 문단을 나눠주니 나중에 코드를 수정할 때에도 굉장히 편리했다. 추가하고 싶은 기능이 있을때 추가하기도 간편했다. id와 class는 같이 사용하면 안되는 줄 알았는데 같이 사용해도 된단다! 이렇게 pair가 코드를 줄이는 팁을 주어서 복붙한 코드를 한 문단으로 줄일 수 있었다.. 이전 1 ··· 6 7 8 9 10 다음
