📌 세미클론 - 자바스크립트는 하나의 명령이 끝날 때 세미콜론은 붙여도 되고 붙이지 않아도 된다. 세미클론을 붙이지 않으면 대부분 자바스크립트 엔진이 자동으로 붙여준다. 하지만 가끔 에러가 발생하기도 하고 통일성을 위해 모든 명령 뒤에 세미콜론을 붙이기를 권장한다. - 한 줄에 여러 명령을 넣을 때에는 반드시 명령 뒤에 세미콜론을 붙여 그 다음 명령과 구분해야 한다. console.log('Hello, world!'); console.log('Hello, javascript!'); console.log('Hello'); 📌 주석 - 사람만 알아볼 수 있도록 설명을 작성한 부분을 주석이라고 한다. 주석은 코드에 영향을 미치지 않는다. 보통 주석은 코드에 관한 자세한 설명을 작성하거나 특정 코드를 임시로 사..
∎ HTML ---카테고리 선택--- ${mainCate.MAINCATENAME} 첫번째 카테고리를 열 때 MAINCATENAME의 모든 데이터가 태그를 이용해서 담게되고, 클릭한 데이터를 파라미터로 보내려면, 1. 태그에 value - "mng_cate.do?mainCateNum=${mainCate.MAINCATENUM}" 를 기입한다. ( xml쿼리에서 MAINCATENAME / MAINCATENUM 을 MAP으로 받기 때문에 NAME,NUM 둘 다 파라미터로 보낼 수 있 다. 처음에는 MAINCATENAME으로 보냈지만 & ( 특수문자 ) 가 있는 NAME으로 인해 컨트롤러에서 값을 못받아서 NUM으로 변경했다.) 2. 태그에 onchange="if(this.value)location.href=(t..
${ } 는 주석 속에 있는 것 만으로도 오류가 난다고 한다. \${ } 이렇게 \ 를 붙이면 jsp 에서 오류가 나지 않고 잘 작동된다. 더보기 - [ ${} ] 오류 코드 설명 https://dev-jejeb.tistory.com/3 [jsp]예외 [javax.el.ELException: Failed to parse the expression [${}]]을(를) 발생시켰습니다. ${}는 아주 예민해서 주석속에 있는 것 만으로도 오류가난다. \${} 처럼 \를 붙여서 특별하지 않게 만들어주어 해결한다. 단축어를 만들 때도 ${}앞에 \를 넣어준다. dev-jejeb.tistory.com
들어가기 아이콘에 링크를 걸고, 검색창을 만들 것이다. 📌아이콘에 링크 걸기 먼저 마음에 드는 아이콘 이미지를 찾는다. 위 코드를 입력한다. 1. href : 게시판으로 이동하는 링크. 2. width : 화면에 보여지는 크기. 3. alt : 이미지가 안나타날 때 대신 보여지는 글. 📌 검색창 검색창도 내가 이미지를 만들어서 가져가야하는건가 생각했지만, 검색해보니 내가 원하는 모양으로 만드는 자료가 있었다. 굉장히 동적인 자료였지만 난 변화가 없는 것을 원해서 반응형은 제외하였다. 구상 설계도는 돋보기가 좌측에 있지만, ( 미적으로 이쁘다고 생각했었음 ) 검색할 글자를 입력하고 검색! 을 하려면 검색으로 전환되는 링크 버튼 ( 돋보기 ) 가 우측에 있어야 한다고 생각해서 바꿨다. ..
위 사진처럼 배경화면을 가득채우고 흐리게 만들고 싶어서 자료를 찾아보았다. 들어가기 CSS의 opacity를 이용하여 HTML의 요소를 투명하게 만드는 방법과 자식 요소는 제외하고 배경하면만 투명하게 만드는 방법을 알아본다. 📌 opacity IR.Write html,body{ width: 100%; height: 100%; margin: 0; } body{ overflow: hidden; } .back_container{ width: 100%; height: 100%; background: url("./images/forest.png"); background-size: cover; opacity: 0.5; } .head{ margin: 0; text-align:..
🤍 원인 해당 에러는 소스코드를 push 할 때 해당 주소에 대한 권한이 없기 때문에 발생하는 에러이다. 주로 첫 세팅 후 푸쉬 할 시 발생한다. 🤍 해결방안 레퍼지토리에 접근 권한 인증을 받으면 된다. git remote set-url origin https://github-username@github.com/github-username/github-repository-name.git //코드 출처 : https://youngowo.tistory.com/25 github-username 에 github에서 사용하는 username을 입력하고 gi..
📌 제어문 ( control flow statements ) 프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문을 제어문이라고 한다. 이러한 제어문에는 조건문, 반복문 등이 포함된다. 📌 조건문 ( conditional statements ) 조건문이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문이다. 조건문 중에서 가장 기본이 되는 실행문은 if 문이다. 자바스크립트에서 사용할 수 있는 조건문 1. if 문 2. if / else 문 3. if / else if / else 문 4. switch 문 🤍 if 문 if 문은 표현식의 결과가 참 ( true ) 이면 주어진 실행문을 실행하면, 거짓 ( false ) 이면 아무것도 실행하지 않는다. if문을 순..
📌 논리 연산자 자바스크립트에는 세 종류의 논리 연산자 || (OR) , && (AND) , ! (NOT) 이 있다. 논리 연산자는 피연산자로 불린형뿐만 아니라 모든 타입의 값을 받을 수 있다. 연산 결과 역시 모든 값이 될 수 있다. 🤍 || (OR) 'OR' 연산자는 두 개의 수직선 기호로 만들 수 있다. result = a || b; OR 연산자는 불린값을 조작하는 데 쓰인다. 인수 중 하나라고 true 이면 true 를 반환하고, 그렇지 앟으면 false 를 반환한다. OR 연산자가 불린값을 어떻게 다루는지 알아보자. OR 연산자는 이항 연산자이므로 아래와 같이 4가지 조합이 가능하다. alert( true || true ); // true alert( false || true ); // true..
자바스크립트에서 기본 수학 연산은 아래와 같은 문법을 사용해 표현할 수 있다. 보다 크다, 작다. a > b , a = b , a 1 ); // true alert( 2 == 1 ); // false alert( 2 != 1 ); // true 반환된 불린값은 변수에 할당 할 수 있다. let result = 5 > 4; // 비교 결과를 변수에 할당한다. alert( result ); // true 📌 문자열 비교 자바스크립트는 ' 사전 ' 순으로 문자열을 비교한다. ' 사전편집 ' ( lexicographical ) 순이라고 불리기도 하는 이 기준을 적용하면 사전 뒤쪽의 문자열을 사전 앞쪽의 문자열보다 크다고 판단된다. 실제 단어를 사전에 실을 때 단어를 구성..
📌 비트 연산자 비트 연산자 ( bitwise operator ) 는 인수를 32비트 정수로 변환하여 이진 연산을 수행한다. 이런 비트 조작 관련 연산자는 자바스크립트 뿐만 아니라 대부분의 프로그래밍 언어에서 지원한다. 비트 연산 시 쓰이는 연산자 목록 비트 AND & 비트 OR | 비트 XOR ^ 비트 NOT ~ 왼쪽 시프트 ( LEFT SHIFT ) 부호 없는 오른쪽 시프트 ( ZERO-FILL RIGHT SHIFT ) >>> 비트 연산자는 저수준 ( 2진 표현 ) 에서 숫자를 다뤄야 할 때 쓰이므로 흔하게 쓰이진 않는다. 하지만 암호를 다뤄야 할 때는 비트 연산자가 유용하다. 📌 쉼표 연산자 쉼표 연산자 ( comma operator ) , 는 코드를 짧게 쓰려는 의도로 가끔 사용된다. 쉼표 연산자..
📌 연산자 우선순위 하나의 표현식에 둘 이상의 연산자가 있는 경우, 실행 순서는 연산자의 우선순위 ( precedence ) 에 의해 결정된다. 1 + 2 * 2 라는 식이 있을 때 곱셈이 먼저, 그 후에 덧셈이 일어난다. 이런 개념이 연산자 우선순위이다. 여기서 곱셈은 덧셈보다 더 높은 우선순위를 가진다. 자바스크립트에서 정의한 연산자 우선순위가 마음에 들지 않는다면, 괄호를 사용하면 된다. - 괄호 : 모든 연산자보다 우선순위가 높기 때문에 자바스크립트에서 정의한 연산자 우선순위를 무력화시킨다. 자바스크립트의 연산자엔 우선순위가 매겨져 있다. 우선순위 숫자가 클수록 먼저 실행된다. 순위가 같으면 왼쪽부터 시작해서 오른쪽으로 연산이 수행된다. 순위 연산자 이름 기호 17 단항 덧셈 + 17 단항 부정 ..
📌 용어 : '단항', '이항', '피연산자' - 피연산자 ( operand ) : 연산자가 연산을 수행하는 대상이다. 5 * 2 에는 왼쪽 피연산자 5 와 오른쪽 피연산자 2, 총 2개의 피연산자가 있다. '피연산자'는 '인수 ( argument )' 라는 용어로 불리기도 한다. - 단항 ( unary ) 연산자 : 피연산자를 하나만 받는 연산자를 단항 연산자라고 부른다. ex) 피연산자의 부호를 뒤집는 단항 마이너스 연산자 - 는 단항 연산자의 대표적인 예이다. let x = 1; x = -x; alert( x ); // -1. 단항 - 연산자는 부호를 뒤집는다. - 이항 ( binary ) 연산자 : 두 개의 피연산자를 받는 연산자는 이항 연산자라고 부른다. ex ) - ( 마이너스 ) 연산자는 아..
