분류 전체보기

while for문 헷갈리는거 정리

let answer = prompt('add a message'); while (answer!== 'quit') {answer = prompt('add a message')}; document.write('you quitting!'); 무조건 prompt값은 '문자열'로 나오기 때문에 지정할때 ''빼먹지말기 반복이 시작되기 전에 조건문은 참,거짓을 판단받게 된다. 만약 조건문이 참이라면, while문 안의 문장들이 실행된다. 거짓이라면, 문장은 그냥 while 반복문 후로 넘어간다. -MDN while (answer!== 'quit' && answer!== 'q' ) 이 조건문에서 && 인지 || 인지 헷갈렸는데 만약에 or이면 하나라도 true면(같지않으면) console 계속 반복임 - 어차피 하나는..

JS while문

while(조건) {실행문} 조건에 맞을때까지 실행문 반복.. for를 더 많이쓰긴 하는데 범위를 모를때는 while쓰는게 좋음 예시) 비밀번호 입력하라고 할때 const secret = "ㅁㄴㅇㄹㄹㅇㄴ!"; let guess = prompt("비밀번호를 입력하세요"); while (guess !==secret) {guess = prompt("비밀번호를 다시 입력하세요")}; 이렇게 설정하면 비밀번호가 틀리면 두번째 prompt가 뜨면서 맞으면 넘어감 맨 마지막에 guess=... 안하면 첫번째로 틀리면 그냥 끝나는거 while문은 맞출때까지 무한반복 할수 있음 let input = prompt("blah blah"); while(true) {input = prompt(input) if (input ==..

if문

if( 조건 ){ } let randomNumber = Math.random(); if (randomNumber = 8){console.log('correct')} else {console.log('try again')} } else {console.log('false')} 1이 아니면 4로 가고 1인데 2까지 되면 correct 1인데 2가 안되면 try again true/false false 0 "" null undefined NaN - false value if(0) { a} else { b} 하면 b가 나옴 - 왜냐하면 b는 false값이기 때문 if( 여기에 조건같은거 없이 그냥 하나만 있다 ) 고 하면 그 값이 true면 실행되고 false면 안실행되는거같음 const userInput = ..

부트스트랩

css framework - 쉽게말해서 디자인할때 토대가 되는거라고 생각하면됨 토대가 있기 때문에 내가 만약에 버튼을 넣고싶다 하면 관련 class만 추가해주면 css에서 여러가지 설정 안해도 알아서 버튼이 만들어짐 -나중에 수정하거나 추가하고 싶으면 css에서 넣어주면 그 부분만 추가됨 배운거 container - 반응형으로 컨테이너 크기 조정해주는 역할 color button button 그룹 badge - 옆에 new나 업데이트 숫자같은거 띄우고싶을 때 alert aria-label같이 aria가 붙는거는 접근성,스크린 리더와 관련이있음 class 여러개 추가하고 싶으면 띄어쓰기로 구분해서 넣으면 됨 ex)bg-dark text-white 이렇게하면 두개 인식됨

opacity / transition

rgba : rga값(0,206,203)에 뒤에 알파채널 추가한거 0 ~1 사이값 (0,342,34,0.2) 1로 갈수록 진해짐 background-color에만 적용됨 헥스코드에서는 맨뒤에 00~ff 사이값 넣으면 투명도 적용됨 opacity : 다른 속성처럼 따로 지정(opacity : 0.4) 위에랑 똑같이 1로갈수록 진해짐 전체 요소가 다 영향을 받음(rgba랑 다른점) transition : 애니메이션 효과 라고 생각하면됨 transition:(하고싶은 속성) (변환효과까지 바뀌는데 걸리는 시간) (다시 돌아오는 시간) hover랑 흔하게 같이씀 모든 속성 다 때려넣지말고 하나씩 설정해놓는게 나중에 코드 수정할때 편함 + This is because .channel is set to displa..

css 우선순위/상속

ID > Class > element (pseudo 포함) id=xxx 했으면 1 0 0 class=xxx이면 0 1 0 여러개 중첩했으면 그 자리에 1씩 더해주면됨 모르겠으면 specificity calculator에 검색해보기 만약에 순위값이 동일하다면 가장 마지막에(최근에) 있는 값으로 적용됨 크롬 개발자도구 들어가면 무슨 설정이 밀렸는지 확인 가능 - 적용했을 때 어떻게 되는지도 가능하니 많이 참고할것 상속 내가 body 태그 안에 h1을 설정했는데 body 태그에 컬러를 걸어도 h1까지 적용됨- 상속되었기 때문 설정을 안해도 상위 항목의 상속 받을 수 있음 but 안되는 태그도 있는데 상속받고 싶으면 inherit;을 걸면됨(자주 안쓰긴함)