본문 바로가기
728x90
반응형

전체 글407

[ HTML + CSS + 자바스크립트] 9.4 ~ 9.5 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 9.4 ) 조건문 다루기 1. if 2. switch //조건식이 짝수인 지 판단 - 조건식 참이면 중괄호 안 코드 실행 let num = 10; if (num % 2 === 0) { console.log("변수 num에 할당된 숫자는 짝수입니다."); } - if 문 - : if 뒤에 오는 소괄호 조건식이 참이면, 중괄호 안의 코드 실행 let num = 5; if (num % 2 === 0) { console.log("변수 num에 할당된 숫자는 짝수입니다."); } else { console.log("변수 num에 할당된 숫자는 홀수입니다."); } //변수 num에 할당된 숫자는 홀수입니다. 출력된다. - else 문 - : if문 .. 2023. 4. 8.
[나도코딩] 자바기본편 - 섹션 1, 2 섹션 1 1) jdk 1.8 설치 ( 아래의 링크 참고 ) - jdk 361 설치 [Java/Windows 11] JDK 1.8 설치, 환경변수 설정 (tistory.com) [Java/Windows 11] JDK 1.8 설치, 환경변수 설정 1. JDK (Java Development Kit) JDK는 자바로 개발할 수 있도록 여러 기능을 모아둔 키트(Kit) 자바 가상머신(JVM)과 컴파일러, 디버거, 그리고 자바 애플릿 및 응용프로그램 개발을 위한 도구들이 포함 2. JDK danmilife.tistory.com 2) eclipse 설치 ( 아래의 링크 참고 ) - 2020-12.ver [Java/Windows11] 이클립스 설치하기 (tistory.com) [Java/Windows11] 이클립스 .. 2023. 4. 6.
[나도코딩] HTML + CSS + 자바스크립트 질문 - 1 자바스크립트 341p Q: 식별자의 첫 글자는 일반적으로 영어 소문자로 알고 있는데 파스칼 표기법은 각 단어의 첫 글자를 대문자로 작성하는 방법이면 대문자로 작성되는게 이해가 되는데 언더스코어 표기법 또한 첫 글자를 대문자로 작성해도 상관이 없나요? 책에는 언더스코어의 대문자에 대해서 나온 부분이 없어서 질문드립니다! A: 언더스코어 표기는 대소문자 상관없이 _(언더바)를 연결하여 상수명을 짓는 것을 의미합니다. 따라서 FIRST_NAME처럼 전체가 대문자여도 상관없죠. 자바스크립트 357p Q: == 는 값이 같으면 true를 반환하니 숫자형이고 문자열이라는 차이는 있지만, 값이 10이니까 같다고 판단돼서 true라고 이해했는데요, === 는 값과 자료형이 같아야 true를 반환하니, 숫자형이고 문자열.. 2023. 4. 5.
[Oracle,Sql] 재설치 방법 참고 (8) VirtualBox, SQL Developer 깔끔하게 삭제하기 - YouTube (8) 윈도우10에서 오라클 설치/삭제를 깔끔하게 하는 방법 - YouTube (8) Oracle 11gXE 및 SQLDeveloper 설치 - YouTube 2023. 4. 5.
[Mybatis] 설치 및 시작 Mybatis 설치하기 https://github.com/mybatis/mybatis-3/releases Releases · mybatis/mybatis-3 MyBatis SQL mapper framework for Java. Contribute to mybatis/mybatis-3 development by creating an account on GitHub. github.com https://mvnrepository.com/artifact/org.mybatis/mybatis 위의 링크 중 하나를 선택해서 다운로드 받기 mybatis - 3.5.13 다운로드 압축 풀고 사용하려는 프로젝트 (Dynamic web project) 안에 있는 WEB-INF 안의 lib에 jar을 넣어두기 Java Down.. 2023. 4. 4.
[ HTML + CSS + 자바스크립트] 9.3 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 9.3 ) 연산자 - 이항 산술 연산자 - 단항 산술 연산자 - 단항 부정 연산자 - 이항 산술 연산자 - : 피연산자(숫자) 가 2개 필요한 연산자 -> 이항(2개) 거듭제곱 ** 나머지 구하기 % - 단항 산술 연산자 - : 피연산자(숫자) 가 1개 필요한 연산자 -> 단항 (1개) ++ 값 1 증가 -- 값 1 감소 : = 증감연산자 : 전치 연산 / 후치 연산으로 분류됨 1) 전치연산 : ~ 하기 전에 증감 = 할당하기 전에 1부터 증가시킴 2) 후치연산 : ~한 후에 층감 = 할당한 후에 1을 증가시킴 - 단항 부정 연산자 - : 항상 피연산자 앞 위치 : 음수 -> 양수 : 양수 -> 음수 - 대입 연산자 - : 데이터.. 2023. 4. 2.
[ HTML + CSS + 자바스크립트] 8.1 ~ 9.2 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 8.1) 자바스크립트 코드 작성 방법 (내부/외부) - 내부 스크립트 방법 - : script 태그 영역에 자바스크립트 코드 작성 - 외부 스크립트 방법 - script 위치 주의하기: body 태그 사이에 있음 body 태그 끝나기 직전에 위치함 9.1) 변수와 상수 : 변하는 수 데이터를 저장하고 관리하기 위한 공간으로 변수 만듦 ex) var, let : 변하지 않는 수 재할당 안됨 ex) const 9.2) 자료형 자료형 의미: 자바스크립트에서 사용할 수 있는 데이터의 종류 1) 기본 자료형 : 문자, 숫자, 논리,undefined, null, Symbol 자료형 2) 참조 자료형 : 객체(object).. 2023. 4. 2.
[ HTML + CSS + 자바스크립트] 7.1 ~ 7.3 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 7.1) 플렉스 박스 레이아웃으로 1차원 레이아웃 설계하기 : 1차원 방식으로 효과적인 레이아웃을 설계할 수 있도록 고안된 스타일 속성 - 플렉스 박스 레이아웃 기본 속성 - DOCTYPE html> Document .container { color: rgb(63, 61, 56); background-color: aquamarine; padding: 1rem; display: flex; } .box { background-color: rgb(238, 141, 14); } .box:nth-child(2n) { background-color: blueviolet; } A B C : flex 또는 inl.. 2023. 4. 2.
[ HTML + CSS + 자바스크립트] 6.7 ~ 6.9 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 6.7 ) 애니메이션 속성으로 전환 효과 제어하기 DOCTYPE html> 애니메이션 속성으로 전환효과 제어하기 .box { width: 100px; height: 100px; background-color: red; animation-name: beChange; animation-duration: 2s; } @keyframes beChange { 0% { background-color: aqua; } 100% { background-color: beige; } } 애니메이션 속성: 전환효과 속성과 달리 키프레임을 정의해서 실행 : 특정 요소 적용할 키 프레임 이름 지정 .. 2023. 4. 2.
728x90
반응형

티스토리툴바