All Category574 [JavaScript] JavaScript에서 알아두어야 할 기본 용어 이 글은 혼자공부하는 자바스크립트(저자 : 윤인성)의 책 내용과 유튜브 동영상을 참고하여 개인적으로 정리하는 글임을 알립니다. JS는 인터프리터 언어이다. 표현식과 문장 표현식 : 값을 만들어내는 코드 문장 : 하나 이상의 표현식이 모인 것, 문장 끝에는 세미콜론 또는 줄바꿈으로 문장이 종결되었음을 표현 자바스크립트에서 값을 만들어내는 코드를 표현식이라고 부른다. 273 10 + 20 + 30 + 2 'ReBugs' 하나 이상의 표현식이 모이면 문장이 된다. 문장 끝에는 마침표를 찍듯이 세미콜론 또는 줄바꿈을 넣어서 문장이 종결되었음을 알려준다. 키워드와 식별자 키워드 자바스크립트가 처음 만들어질 때 정해놓은 특별한 의미가 있는 단어를 키워드라고 한다. 식별자 식별자는 프로그래밍 언어에서 이름을 붙일 때.. JavaScript Category/JavaScript 2024. 1. 12. [Spring] 스프링 프로젝트 생성 이 글은 인프런 김영한님의 Spring 강의를 바탕으로 개인적인 정리를 위해 작성한 글입니다. 개발환경 Windows 11 pro IntelliJ 23.3.2 JDK 17 작성일 24년 1월 환경 변수 설정 JAVA_HOME 환경 변수 - 시스템 변수 - 새로 만들기 시스템 변수 편집에서 변수 이름은 JAVA_HOME, 변수 값은 JDK의 설치 경로로 잡는다. 확인 버튼을 누른다. CLASSPATH 다시 시스템 변수에서 새로 만들기를 클릭한다. 변수 이름은 CLASSPATH, 변수 값은 %JAVA_HOME%\lib 로 설정한다. 확인 버튼을 누른다. Path 환경 변수 편집 시스템 변수 - Path - 편집 버튼을 눌러서 환경 변수 편집 창을 띄운다. 새로 만들기 버튼으로 %JAVA_HOME%\bin를 .. Java Category/Spring 2024. 1. 11. [JSP] JSTL(JSP Standard Tag Library) 실행환경 windows 11 pro IntelliJ : 23.3.2 Apache Tomcat : 9.0 JDK : 17.0.9 라이브러리 추가 JSTL이란 JSP Standard Tag Library를 뜻한다. 먼저 JSTL JAR 파일을 받아야 한다. 아래의 링크에서 다운로드를 진행해야 한다. https://mvnrepository.com/artifact/javax.servlet/jstl/1.2 빨간색으로 표시된 부분을 클릭해서 jar 파일을 다운로드 받자. 인텔리제이로 돌아와서 Project Structure를 클릭한다. modules - 해당 프로젝트 선택 후 오른쪽에 보이는 +(Add) 버튼을 클릭한다. 이후 JARs or Dircetories.. 버튼을 눌러서 아까 다운로드 받은 JAR 파일을 .. Java Category/JSP 2024. 1. 10. [JSP] IntelliJ에서 Servlet 생성 개발환경 windows 11 pro jdk : 17.0.9 Apache Tomcat : 9.0 intelliJ : 2023.3.2 프로젝트에서 new 를 할 때 서블릿 추가 버튼이 없는 사람을 위한 글이다. Servlet 생성 새로운 프로젝트를 생성한다. Add Frameworks Support에서 Java EE 에서 아래 부분을 체크하고 apply - ok 를 누른다. Project Structure - Libraries - +버튼 - From Maven을 누른다. 톰캣 9.0 기준 javax.servlet:javax.servlet-api:4.0.1 를 검색한다(오른쪽 검색버튼을 누르고 기다리면 됌) 프로젝트를 선택하고 ok를 누른다. servlet api가 추가된 것을 확인하고 apply - ok 버.. Java Category/JSP 2024. 1. 9. IntelliJ에서 Database(MySQL, Oracle) 연결하기 개발 환경 windows 11 pro jdk : 17.0.9 mysql : 8.0.35 oracle : 19.3.0 intelliJ : 2023.3.2 데이터베이스 연결하기 우측 상단의 톱니바퀴 모양을 클릭하고 Project Structure 클릭 Libraries - +버튼 - Java 클릭 JDBC가 있는 폴더에서 jar 파일 클릭 mySQL, Oracle 각각 JAR이 다르니 검색해서 버전에 맞는거 다운로드 하세요 프로젝트 선택후 ok 버튼 클릭 정상적으로 추가된 것을 확인했으면, ok 버튼이나 apply 버튼 클릭 이제 데이터베이스와 연결할 준비가 끝났다. 또 다른 방법 우측 끝에서 Database 아이콘 클릭 + 버튼 클릭 Data Source - 원하는 데이터 베이스 클릭 MySQL - MyS.. Java Category/기타 2024. 1. 9. IntelliJ Address localhost 1099 already in use 오류 해결 문제상황 이미 1099 포트가 사용되고 있다 (백그라운드에서 작동되고 있어서 그런 것으로 추정) 이클립스에서는 자동으로 종료가 됐는데, intelliJ에서는 그게 불가능한 것 같다. 문제 해결 cmd에서 아래의 명령어를 입력한다. netstat -ano| find "1099" 현재 1099 포트를 사용하고 있는 프로세스 PID가 우측에 나타난다. 문제의 PID는 12892 이제 작업관리자로 해당 PID를 검색해서 삭제해야 한다. 작업 끝내기를 누르면 해결 완료 Java Category/기타 2024. 1. 8. [JSP] IntelliJ 에서 JSP 개발환경 만들기 개발 환경 windows 11 pro jdk : 17.0.9 Apache Tomcat : 10.1.17 intelliJ : 2023.3.2 IntelliJ에서 JSP 개발환경 초기 설정 인텔리제이를 실행하고 프로젝트를 만든다. 우측 상단에 돋보기 버튼을 누른다. add framework support 를 검색하고 클릭한다. Java EE - web applition을 체크하고 Create web.xml 도 체크하고 ok를 누른다. 이후 우측 상단의 current file 의 드랍다운 박스를 눌러서 Edit configurations...를 누른다. 아래와 같은 화면이 나오면 왼쪽 상단의 + 버튼을 누른다. 이후 Tomcat Server - Local을 누른다. Application server에서 Con.. Java Category/JSP 2024. 1. 8. [CSS] CSS 필수 속성(배경 속성, 위치 속성, 애니메이션 속성) 이 글은 코딩 자율학습 HTML+CSS+JS(저자 : 김기수)의 책 내용과 유튜브 영상을 개인적으로 정리하는 글입니다. 배경 속성 background-color 속성 요소의 배경에 색상을 넣을 수 있다. 속성 값으로는 색상값을 사용하면 된다. background-image 속성 요소의 배경에 해당 속성을 사용하면 이미지를 넣을 수 있다. 속성 값은 삽입할 이미지의 경로를 url() 함수로 지정하면 된다. 요소의 배경 크기가 반드시 지정되어야 한다. 이미지의 크기가 요소의 배경크기와 맞아야 한다. -요소의 배경이 이미지 크기보다 작으면 잘린다. -요소의 배경이 이미지 크기보다 크면 이미지 패턴이 반복된다. backgrount-repeat 속성 요소의 배경 크기가 삽입하려는 이미지보다 크면 이미지를 자동으로.. HTML & CSS/CSS 2024. 1. 7. [CSS] CSS 필수 속성(박스 모델) 이 글은 코딩 자율학습 HTML+CSS+JS(저자 : 김기수)의 책 내용과 유튜브 영상을 개인적으로 정리하는 글입니다. 박스 모델을 구성하는 속성 HTML 문서에서 사용된 각각의 요소가 어떤 원리로 웹 브라우저에 배치되어 표시되는지 이해하려면 박스 모델을 알아야 한다. 박스 모델은 모든 HTML 요소가 사각형의 박스로 둘러 쌓여 있다는 개념이다. 박스 형태의 요소들을 하나씩 원하는 곳에 배치해 원하는 모양으로 만들어 나가는 것이 결국 웹 페이지를 만드는 본질이다. 박스 모델은 아래와 같은 4가지 요소로 구성된다. 박스 모델은 크롬 웹브라우저 개발자도구(F12, ctrl+shift+i)에서 살펴볼 수 있다. margin 영역 margin은 박스 모델에서 가장 외부에 있는 영역으로, 요소의 외부 여백을 담당.. HTML & CSS/CSS 2024. 1. 6. [CSS] CSS 필수 속성(CSS의 특징, 텍스트 속성) 이 글은 코딩 자율학습 HTML+CSS+JS(저자 : 김기수)의 책 내용과 유튜브 영상을 개인적으로 정리하는 글입니다. CSS의 특징 기본 스타일 시트 hn 태그는 단순히 태그만 사용했는데도 웹 브라우저에는 텍스트가 다양한 크기와 굵기로 표시됐다. HTML 태그는 태그 자체에 꾸밈을 담당하는 역할이나 기능이 없다. 그렇지만 웹 브라우저 자체에 기본 스타일 시트가 내장되어 있기 때문에 위와 같은 모양으로 표현될 수 있는 것이다. 기본 스타일 시트 기본 스타일 시트란 글꼴이나 크기, 색상, 굵기, 문단 설정과 같은 스타일이 미리 정의된 파일 또는 문서 양식을 말한다. 기본 스타일 시트에 정의된 스타일 속성보다 사용자가 정의한 스타일 속성이 우선 적용된다. 적용 우선순위와 개별성 specificity 위와 같.. HTML & CSS/CSS 2024. 1. 5. [CSS] CSS 선택자 이 글은 코딩 자율학습 HTML+CSS+JS(저자 : 김기수)의 책 내용과 유튜브 영상을 개인적으로 정리하는 글입니다. 기본 선택자 사용 전체 선택자 전체 선택자는 HTML에서 사용할 수 있는 모든 요소를 한 번에 선택자로 지정하는 방법으로, * 기호를 사용해 표시한다. 전체 선택자 전체 선택자는 모든 요소를 한 번에 선택할 수 있다. 태그 선택자 태그 선택자는 HTML 태그명으로 선택자를 지정하는 방법이다. 태그 선택자는 선택자에 지정된 태그명과 일치하는 모든 요소를 한 번에 선택한다. 안녕 하이 안녕 안녕 아이디 선택자 아이디 선택자는 HTML 태그에서 사용할 수 있는 id 속성 값을 이용해 선택자를 지정하는 방법이다. 이때 속성값 앞에는 # 기호를 붙여 구분한다. 안녕 id 속성값은 고유해야 한다... HTML & CSS/CSS 2024. 1. 4. [CSS] CSS 기초 문법 이 글은 코딩 자율학습 HTML+CSS+JS(저자 : 김기수)의 책 내용과 유튜브 영상을 개인적으로 정리하는 글입니다. CSS : Cascading Style Sheets 문법 형식 CSS 문법은 크게 선택자와 선언부로 구분한다. 선택자 : CSS 스타일을 적용할 HTML 태그(요소)를 선택하는 영역 선언부 : 선택자에서 선택한 태그에 적용할 스타일을 작성하는 영역, 중괄호 안에 작성 선언부에 작성하는 스타일은 반드시 속성과 값을 한 쌍으로 작성 값의 뒤에 세미콜론을 넣으면 여러 스타일을 연속해서 작성 가능 안녕 줄 바꿈과 들여 쓰기 CSS 코드를 작성할 때, 줄 바꿈과 들여 쓰기를 꼭 할 필요는 없다. 그러나 줄 바꿈과 들여쓰기를 적절하게 사용하면 코드의 가독성을 크게 향상할 수 있다. 스타일 시트 스.. HTML & CSS/CSS 2024. 1. 3. 이전 1 ··· 7 8 9 10 11 12 13 ··· 48 다음