본문 바로가기

분류 전체보기

 (108)
[Javascript] 가위바위보 사진이라 멈춰있지만, setInterval( )에 의해 가위바위보 이미지가 계속 반복된다. 버튼을 누르면 반복이 멈추고 가위바위보 이미지를 보여준다. 잠시후 다시 반복한다. https://www.inflearn.com/course/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B2%8C%EC%9E%84-%EA%B0%9C%EB%B0%9C/dashboard 웹 게임을 만들며 배우는 자바스크립트 - 인프런 본 강의에서는 자바스크립트를 활용해 프로그래밍하는 연습을 할 것입니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 틱택토, 로또 추첨기, 가위바위보, 지뢰 찾기, 카드 짝맞추기 게� www.inflearn.com
[Javascript] includes( ) string.includes( searchString ,length ) 배열또는 문자열에 특정 요소를 포함하고 있는지를 판별한다. searchString : 찾을 문자열을 넣는다. 대소문자를 구분한다! length : 검색을 시작할 위치이다. 생략시, 배열 또는 문자열 전체를 대상으로 찾는다.
[Javascript] setTimeout , setInterval , clearInterval setTimeout( ) 일정 시간 간격 이후에 함수가 한번 실행된다. 즉 코드가 단 한 번만 실행되고 끝난다. setInterval( ) 일정 시간 간격으로 함수가 계속 실행된다. clearTimeout( ) setTimeout을 종료시켜주는 함수이다. clearInterval( ) setInterval을 종료시켜주는 함수이다.
[Javascript] find( ) / findIndex( ) find(function(){ return ~~; }); find( ) 메서드에 주어진 판별 함수 안에서 만족하는 첫번째 요소의 값을 반환한다. 만족하는 요소가 없으면 undefined를 반환한다. findIndex(function(){ return ~~; }); findIndex( ) 메서드는 주어진 판별 함수 안에서 만족하는 첫번째 요소에 대한 인덱스를 반환한다. 만족하는 요소가 없으면 -1을 반환한다.
[Javascript] Object.entries( ) Object.entries( ) 객체가 가지고 있는 모든 속성과 값을 키와 값 쌍으로 배열 형태로 만들어 준다. 즉 모든 속성과 값을 배열로 반환한다!
[Javascript] 로또추첨기 setTimeout부분은 나중에 클로즈를 배운다음에 수정할 예정이다. 당첨 번호를 1초에 하나씩 보여준다. https://www.inflearn.com/course/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B2%8C%EC%9E%84-%EA%B0%9C%EB%B0%9C/dashboard 웹 게임을 만들며 배우는 자바스크립트 - 인프런 본 강의에서는 자바스크립트를 활용해 프로그래밍하는 연습을 할 것입니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 틱택토, 로또 추첨기, 가위바위보, 지뢰 찾기, 카드 짝맞추기 게� www.inflearn.com
[Javascript] sort( ) sort() 자바스크립트에서 제공해주는 배열안의 원소를 정렬해주는 내장함수이다. 그러나 문자의 순서로 정렬이 되기 때문에 숫자의 크기대로 나오지 않는다. array.sort(function( a , b){ return a - b; }); 예를 들어, ( 7, 3 ) 또는( 7, 8 ) 들어왔다고 하쟈. 7-3 = 4 0보다 크므로 순서를 바꾼다. 7-8 = -1 0보다 작으므로 순서를 바꾸지 않는다. 즉, 정렬할 요소의 값을 뺐을때 음수면 순서를 바꾸지 않고 양수면 순서를 바꾼다. 이런 순서를 거쳐서 정렬이 된다. 이 과정은 오름차순이고 반대로, 요소를 a , b로 주었을 때, return b - a하면 내림차순이 되는것이다!! 객체 정렬 sort함수는 따로 복제본을 만드는 것이 아니라 원본 배열을 변경..
[css] display 속성 - block / inline / inline-block / none display속성으로 block, inline, inline-block, none 값을 가질 수 있다. 1. block 기본적으로 가로 영역을 100%로 채워, 다음 태그는 줄바꿈이 된 것처럼 보여진다. 줄바꿈 O width와 height속성을 지정 할 수 있다. margin과 padding의 값을 지정 할 수 있다. width와 height속성을 지정해, 다음 블록태그가 그 이전 블록태그의 오른쪽에 배치 될 수 있어도 항상 다음줄에 렌더링 된다. width , height , margin , padding 모두 값을 지정할 수 있는것을 확인했다. 2. inline content의 너비만큼 영역을 차지하기 때문에 달리 줄바꿈이 되지 않고, 다음에 올 요소가 같은 줄에 배치될 수 있다. 줄바꿈X width..

티스토리툴바