티스토리

개발이글스

검색하기

블로그 홈

개발이글스

jina98216.tistory.com/m

지윤이글스 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

[SQL] RDBMS 와 NoSQL의 차이점 DataBase와 DBMS 그리고 SQL Data Base란 일반적으로 컴퓨터 시스템에 전자 방식으로 저장된 구조화된 정보 또는 데이터의 체계적인 집합을 의미합니다. DBMS 란 사용자와 데이터베이스 사이에서 사용자의 요구에 따라 정보를 생성해주고, 데이터베이스를 관리해 주는 소프트웨어입니다. SQL 이란 관계형 데이터베이스 관리 시스템의 데이터를 관리하기 위해 설계된 특수 목적의 프로그래밍 언어이며 관계형 데이터베이스 관리 시스템에서 자료의 검색과 관리, 데이터베이스 스키마 생성과 수정, 데이터베이스 객체 접근 조정관리를 위해 고안되었습니다. RDBMS 위에서 DBMS 는 사용자와 데이터베이스 사이에서 사용자의 요구에 따라 정보를 생성해주고, 데이터베이스를 관리해주는 소프트웨어라고 설명했습니다. 또한 .. 공감수 1 댓글수 1 2023. 2. 13.
[JAVA] 문자열로 형변환 문제를 해결하다보면 String 을 char로 변환해서 아스키코드 등으로 연산을 마친 후에 다시 String 타입으로 return하고 싶을 때가 많다. 1. String.toCharArray() : 문자열을 한 글자씩 쪼개서 이를 char타입의 배열에 집어넣어주는 친절한 메소드이다. String (문자열) 을 char형 배열로 바꾼다. String str = "Hello World"; char[] charArr = str.toCharArray(); 추가로 char형 배열을 합쳐서 하나의 String으로 만들 수도 있다. String str2 = new String(charArr); 2.String.valueOf() 어떠한 다른 타입의 변수를 모두 String의 형태로 바꿀 수 있게 도와주는 녀석이다. i.. 공감수 0 댓글수 0 2023. 1. 18.
[Spring] 스프링부트 Annotation(2) --JPA Annotaiton -jpa 를 사용하면 DB 데이터에 작업할 경우 실제 쿼리를 사용하지 않고 Entity 클래스의 수정을 통해 작업한다. @Entity - 실제 DB 의 table 과 매칭될 class 임을 명시한다. 즉, table 과 링크될 class임을 나타냄. @Table - Entity Class 에 mapping 할 table 정보를 알려준다. ex) @Table(name = "Member") 만약 이 어노테이션을 생략한다면 Class 이름을 테이블 이름 정보로 자동매핑한다. @Id - 해당 테이블의 pk field 를 나타낸다. @GeneratedValue - pk의 생성 규칙을 나타냄. 기본값은 AUTO 이고, MySQL 의 auto_increment 와 같이 자동증가하는 정수.. 공감수 0 댓글수 0 2023. 1. 3.
[Spring] 스프링부트 Annotation(1) Annotation 어노테이션 annotation 은 주석이라는 뜻인데, 자바에서 annotation 은 코드사이에 주석처럼 쓰이며, 특별한 의미, 기능을 수행하도록하는 기술이다. 프로그램에게 추가적인 정보를 제공하는 meta data 라고 볼 수 있다. (meta data: 데이터를 위한 데이터) 어노테이션의 용도 : 컴파일러에게 코드작성 문법 에러를 체크하도록 정보를 제공한다. 소프트웨어 개발 툴이 빌드나 배치시 코드를 자동으로 생성할 수 있도록 정보를 제공. 런타임시, 특정 기능을 실행하도록 정보를 제공. 어노테이션 사용법: 1) 어노테이션을 정의(예) @GetMapping @PostMapping) 2) class 에 어노테이션을 배치 (보통 클래스 상단에 배치함) 3) 코드가 실행 되는 중에 Re.. 공감수 0 댓글수 0 2023. 1. 3.
[Spring] 빌드 툴 - maven ▷Maven 이란? 자바 전용 프로젝트로 Lifecycle 관리 목적 빌드 도구이며, Apache Ant 불편함을 해결하고자 만들어진 빌드 관리 도구이며 스프링에서 사용된다. 공감수 0 댓글수 0 2023. 1. 3.
[Spring] Build Tool (빌드 관리 도구) ▶빌드 란? 소스코드 파일을 컴파일에서 실행할 수 있는 가공물로 변환하는 과정 또는 결과물이다. 다시말하면 우리 작성한 소스코드(java), 프로젝트에서 쓰인 각각의 파일 및 자원(.xml, jpa, jpg, properties) 을 jvm이나 톰캣같은 WAS 가 인식할 수 있는 패키징하는 과정 및 결과물 이라고 할 수 있다. ▶빌드 툴 (빌드 관리 도구) 이란? 소스코드에서 어플리케이션 생성을 하면서 여러가지 여부 라이브러리를 사용하는데, 빌드 툴은 사용자가 직접 관리할 필요 없이 필요한 라이브러리들을 자동으로 관리한다. 초기의 java build tool 로는 Apache Ant를 많이 사용했지만 스크립트 작성도 많고, 라이브러리 의존관리가 되지 않는다는 불편함으로 최근에는 Maven 과 Gradle.. 공감수 0 댓글수 0 2022. 12. 29.
[Spring] Entity & Repository Entity 엔티티 엔티티를 한마디로 표현하면 '데이터를 담아두는 객체' 이다. 조금 더 상세하게 설명하자면 엔티티는 DB 테이블의 한 행(row)에 대응하는 객체이다. 그리고 엔티티의 필드는 테이블의 칼럼(column)에 대응한다. public class Member{ //id 칼럼 대응 private Integer Id; //name 칼럼 대응 private String name; public Integer getId(){ return id; } public void setId(Integer id){ this.id = id; } public String getName(){ return name; } public void SetName(String name){ this.name = name; } } 엔.. 공감수 0 댓글수 0 2022. 9. 28.
[SQL] ORDER BY 문으로 데이터 정렬 ORDER BY 데이터를 정렬하려면 ORDER BY 를 써야하는데, SELECT 문의 가장 끝에 추가해 사용하면 된다. 더보기 ORDER BY 의 기본형식 SELECT [열] FROM [테이블] WHERE [열] = [조건] ORDER BY [열] [ASC, DESC] ORDER BY 뒤에 오는 [열] 은 정렬할 열 이름을 말한다. ASC : 오름차순 DESC : 내림차순 # 1개 열 기준으로 정렬 : 정렬할 열 이름을 ORDER BY 문 뒤에 입력한다. #2개 이상 열 기준으로 정렬 :정렬 순서에 따라 쉼표를 사용해 열 이름을 나열한다. 이 때 열입력 순서에 따라 정렬 우선순위가 정해지므로 열 입력 순서에 주의하자. #ASC 으로 오름차순 정렬하기 정렬 기본값은 오름차순이다. default = ASC... 공감수 0 댓글수 0 2022. 9. 28.
[SQL] NULL 데이터 검색 NULL NULL 은 데이터가 없는 상태를 말해요. 데이터베이스에서 데이터를 검색하다가 보면 null 값을 포함하고있는 열을 자주 보게 될거에요. 풀어 설명하자면 숫자0, 공백문자가 아니라 그.냥. 데이터가 없.는.것 을 말해요. null 값은 공백상태로 표기되지않고 null이라고 명확하게 표기가 됩니다. 공백보고 null 이라고 하면 아니아니아니되오 ~~!! 아니 데이터가없는데 null 데이터를 어떻게 필터링해서 찾는담? 뭐.. sector = null 이렇게 찾나? 아니지 아니지 자 알려줄게 잘기억해 IS NULL 또는 IS NOT NULL 로 null 데이터를 검색할 수 있어요! null 값을 찾고싶다면 IS NULL null이 아닌 값을 찾고 싶다면 IS NOT NULL 공감수 0 댓글수 0 2022. 9. 25.
[SQL] WHERE 문으로 조건에 맞는 데이터 검색 WHERE 문 시스템의 부하를 줄이려면 필요한 데이터만 검색해야 한다. 필요한 열만 검색하려면 SELECT FROM 구문을 쓰면 된다. 그렇지만 행 전체가 검색이 되므로 아직 필요한 데이터만 검색 했다고 볼 수는 없다ㅠ 실무에서 사용하는 데이터베이스는 엄청난 양의 데이터가 저장되므로 매번 전체 행을 가져오면 안될것이다. 원하는 조건에 맞는 꼭! 필요한 데이터만 가져오는 방법을 알아보자. WHERE 문의 기본형식은 이렇다 SELECT [열] FROM [테이블] WHERE [열] = [조건값] --> WHERE 뒤에 있는 [열] 은 조건을 적용할 열을 입력하는 곳이다. [조건값]은 사용자가 조건값을 입력하는 곳이다.조건값에 있는 내용이 true 인 데이터들만 나오게 된다. #비교연산자 조건에 해당하는 값과 .. 공감수 0 댓글수 0 2022. 9. 25.
[SQL] SELECT 문으로 데이터 검색 SELECT 문 SELECT 문은 데이터베이스에서 데이터를 검색하는 구문이다. SELECT 문은 사용하기 쉽지만 시스템 성능에 많은 영향을 미치므로 주의해서 사용해야한다. 자주 사용하는 형태의 구문은 이렇다. 더보기 자주 사용하는 형태의 SELECT 문 SELECT [열] FROM [테이블]WHERE [조건]ORDER BY [열] 쿼리문에 주석을 입력하고싶다면 한줄주석은 --주석입력, 여러줄 주석은 /* 주석입력 */ 이렇게 써주면 되겠다. 자 여기서 SELECT 는 데이터를 검색하는 구문, 뒤에있는 [열]은 검색하려는 데이터의 열을 입력하면 된다. 여러 열을 검색할때에는 쉼표로 구분해 연결한다. 열 이름대신 * 을 입력하면 테이블의 전체 열을 검색한다. FROM 은 데이터를 가져올 테이블을 정하는 구문.. 공감수 0 댓글수 0 2022. 9. 25.
[SQL] SQL 이란 무엇인가? SQL ? SQL 이란 관계형 데이터베이스 관리시스템의 데이터를 관리하는 프로그래밍 언어 이다. SQL을 데이터베이스라고 생각하는 사람이 많은데, 데이터베이스를 다루는 프로그래밍 언어로 데이터베이스가 절.대. 아니다 SQL의 문법 종류 3가지 1. DDL (데이터 정의 언어) DDL은 말그대로 데이터베이스를 정의하는 언어이다. 더 전문적으로 이야기하자면 데이터 정의 언어는 테이블 스키마를 관리하는 역할을 하며 다음 항목을 포함한다. 더보기 데이터 정의 언어 항목 - CREATE : database 또는 table을 생성한다. - ALTER : table을 수정한다. - DROP : database 또는 table을 삭제한다. - TRUNCATE : table을 초기화한다. 2. DML (데이터 조작 언어.. 공감수 0 댓글수 0 2022. 9. 25.
[SQL] 관계형 데이터베이스 관계형 데이터베이스 관계형 데이터베이스는 실무에서 많이 사용하는 데이터베이스 중 하나이다. 관계형 데이터베이스에서는 데이터를 테이블 형태로 저장한다. 용어 설명 열 각 열은 고유한 이름을 가지며, 자신만의 타입을 가진다. 열은 field(필드) 또는 attribute(애트리뷰트)라고도 한다. 행 관계된 데이터의 묶음을 의미하며 한 테이블의 모든 행은 같은 수의 열을 가진다. 행은 tuple 또는 record 라고도한다. 테이블 행과 열 값들의 모음을 나타내며, 도메인 특성에 따라 데이터를 논리적으로 그룹화해놓은 것이다. 그런데 열과 행 형식으로 데이터를 테이블에 저장하는 것이 관계형 데이터베이스와 무슨 관련이 있을까? 그 이유는 바로 테이블과 테이블간의 관계이기 때문이다. 위 그림처럼 테이블간의 관계를 .. 공감수 0 댓글수 0 2022. 9. 25.
[SQL] 데이터베이스는 왜 필요할까? #데이터베이스를 사용하는 목적은 무엇일까? 한마디로 말하자면 데이터 중복을 최소화해서 조직의 목적에 맞게 효율적으로 관리하려고 사용한다. 라고하면 무슨말인지 도통 모르겠다. 마트를 예시로 들어보자. 마트에는 다양한 상품이 수백, 수천 개 진열되어 있고 많은 직원이 일을한다. 그리고 손님들은 다양한 시간대에 여러상품을 구매한다. 영업시간이 끝나면 마트 직원들은 매출, 매입, 반품, 재고 등을 관리한다. 이때 데이터베이스없이 손으로 일일이 처리한다면 어떨까? 매번 재고를 하나하나 조사하고, 상품수량이 바로 확인되지않아 품절사태가 번번히 일어날것이다. 상상만해도 끔찍하다.. 그렇다면 수작업대신 데이터베이스로 관리하면 어떨까? 고객이 상품을 구매하는 즉시 재고에서 수량이 차감되어 품절항목이 바로 체크가 될것이고.. 공감수 0 댓글수 0 2022. 9. 25.
[SQL] 데이터베이스는 어떻게 데이터 베이스가 되는가? 데이터베이스(DB) 는 흔히 데이터의 집합, 데이터의 저장 형태를 말한다. 데이터는 무엇일까? 우리말로 자료 이다. 주의하자! 정보가 아니라 그냥 자료이다. IT 분야에서 데이터라고 하면 컴퓨터가 처리할 수 있는 자료를 말한다. 예를들어 데이터나열: 자전거, 스쿼시, Tennis, Golf, Soccer, 테니스, 축구, 골프, 187, 134252, aaa, bbb, 이지윤 운동연관데이터수집: 자전거, 스퀴시, 테니스, 축구, 골프 운동연관데이터를 영어로저장, 중복데이터 제거: Tennis Golf, Soccer 세번째가 바로 데이터 베이스라는것이다. 다시 정리하자면, 데이터베이스는 논리적으로 연관된 데이터들을 모아 일정한 형태로 저장해놓은 것이다. 즉, 여러 시스템 또는 사용자가 데이터를 동시에 공유.. 공감수 0 댓글수 0 2022. 9. 25.
[JPA] JPA 란? JPA (Java Persistence API) JPA 는 java 진영의 ORM 기술의 표준이다. 라고하면 무슨말인지 모르겠다. ORM 이 뭔지부터 살펴보자 ! ORM = Object-Relational Mapping Object(객체) 와 Relational(관계형 데이터베이스)를 매핑(연결)한다는 뜻이다. ORM framework 는 객체와 테이블을 매핑해서 패러다임의 불일치를 개발자대신 해결해준다. 객체는 객체대로 생성하고, 데이터베이스는 데이버베이스에 맞도록 설계 가능케 해준다. 개발자는 일일이 SQL 문을 작성하지 않고 객체로 구현할 수 있도록 하는 프레임워크 이다. 여기서잠깐! 패러다임불일치가 뭔가요? --> 추상화, 상속, 다형성과 같은 특성을 가진 객체지향과 이러한 특성이 없는 데이터베이.. 공감수 0 댓글수 0 2022. 9. 25.
[JAVA] 인터페이스와 추상클래스의 차이가 대체 뭘까? 인터페이스와 추상클래스는 엄연히 다.른.것. 입니다!! 근데 왜 자꾸 헷갈리는거지.. 이 글로 완벽히 정리&이해 해보도록 하겠습니다. 스따뜨!!!!!!!! 추상클래스 Abstract Class 추상클래스는 예약어 abstract 를 붙여 클래스를 선언하게 됩니다 -> abstract class Car { 추상클래스는 추상메소드를 0개이상 포함하고 있습니다. 메소드도 마찬가지로 -> public abstract String name(); 어라? 근데 메소드인데 왜 구현하는곳이 없어? 동작하는거 써야되는데? 바로 추상메소드의 특징입니다. 선언부 있고~ 구현부 없고~ -->작성되어있지 않은 구현부는 자식클래스에서 오버라이딩해서 사용하게됩니다. 그런데, 추상클래스라고해서 꼭! 추상메소드를 포함해야하나요? 아.니.. 공감수 0 댓글수 0 2022. 9. 25.
[Spring] MVC 패턴 MVC 란? MVC 란 Model-View-Controller 의 약자이다. 애플리케이션을 세가지 역할로 구분한 개발 방법론 입니다. 사용자가 Controller을 조작하면 Controller는 Model을 통해 데이터를 가져오고 그 데이터를 바탕으로 View를 통해 시각적 표현을 제어해서 사용자에게 전달하게 됩니다. 이러한 패턴을 성공적으로 사용하면 사용자 인터페이스로부터 비즈니스 로직을 분리하여 애플리케이션의 시작요소나 그 이면에서 실행되는 비즈니스 로직을 서로 영향없이 쉽게 고칠 수 있는 애플리케이션을 만들 수 있게 됩니다. MVC => 유지보수가 편해지는 코드 구성 방식 Model : 데이터와 관련된 부분 View : 사용자한테 보여지는 부분 Controller : Model과 View를 이어주는.. 공감수 0 댓글수 0 2022. 9. 19.
[Spring] Spring Framework 란 무엇일까? Whatever happened next, the framework needed a name. In the book it was referred to as the “Interface21 framework” (at that point it used com.interface21 package names), but that was not a name to inspire a community. Fortunately Yann stepped up with a suggestion: “Spring”. His reasoning was association with nature (having noticed that I'd trekked to Everest Base Camp in 2000); and the fact that.. 공감수 0 댓글수 0 2022. 9. 16.
[JAVA] 생성자 오버로딩 생성자 오버로딩이란? 매개변수를 달리하는 생성자를 여러개 선언하는 것을 생성자 오버로딩이라고한다. 다음은 Car class의 생성자를 오버로딩한 예시 이다. class Car{ Car(){--} Car(String model){--} Car(String model, String color){--} Car(String model, String color, int maxspeed){--} ! 생성자 오버로딩 시 주의할 점은 매개변수의 타입과 개수 그리고 선언된 순서가 똑같을 경우 매개 변수 이름만 바꾸는 것은 생성자 오버로딩이 아니라는 점입니다. ex) Car(String model, String color){--} Car(String color, String model){--} -------> 생성자 오버.. 공감수 0 댓글수 0 2022. 9. 14.
[JAVA] 업캐스팅 & 다운캐스팅 캐스팅 Casting 캐스팅이란 "타입을 변환하는 것" 을 말하며 흔히 형변환이라고도 한다. 자바의 상속관계에있는 부모와 자식클래스 간에는 서로 형변환이 가능하다. 업캐스팅 Upcasting 업캐스팅이란 자식클래스의 객체가 부모 클래스 타입으로 형변환 되는것을 말한다. 아래 코드에서 부모 클래스는 Person 자식클래스는 Student 이다. 아래 코드에서 Person p = s; 부분이 업캐스팅한 부분이다. p가 Student 객체를 가리키지만, p는 Person 타입이기 때문에 Person 클래스의 멤버에만 접근이 가능하다. 그렇게 때문에 p.check 에서 컴파일 타임 에러가 발생합니다. class Person{ String name; Person(String name){ this.name = na.. 공감수 0 댓글수 0 2022. 9. 13.
[JAVA] super & super() 1. super super은 자식클래스가 부모클래스로부터 상속받은 멤버를 참조할 때 쓰는 참조변수입니다. 클래스 내의 멤버변수와 지역변수 이름이 같을 경우 구분을 위해서 this를 사용하듯이 부모클래스와 자식 클래스의 멤버의 이름이 같을 경우 super을 사용합니다. class Parent{ int x = 10; } class Child extends Parent{ int x = 20; void childMethod(){ System.out.print("x="+x); System.out.print("this.x=" +this.x); System.out.print("super.x="+super.x); } } -> 부모클래스 Parent 의 멤버변수는 x, 자식클래스 Child의 멤버변수도 x입니다. 자식클.. 공감수 0 댓글수 0 2022. 9. 13.
[JAVA] if문, switch문 if문 if(조건식){ 수행문 } //블럭 안에 수행문이 하나일 경우 괄호를 생략 가능하다. if (조건식) 수행문; 조건식이 true(참)일 경우 블럭안의 문장이 수행된다. 조건식의 결과가 반드시 true 또는 false 이어야 하므로 비교연산자와 논린연산자로 구성된다. if (조건식) { 수행문1; //조건식이 참일 경우 수행. } else { 수행문2; //조건식이 거짓일 경우 수행. } //조건연산자 (조건식) ? 결과1 : 결과2; //조건석이 참일경우 결과1, 거짓일 경우 결과2. if-else if(조건식 1){ 수행문1; } else if(조건식2){ 수행문2; } else if(조건식3){ 수행문3; } else{ 수행문4; }; 조건이 여러개일 경우 if-else문으로 표현 가능하다. .. 공감수 0 댓글수 0 2022. 9. 6.
[JS] 배열 array 일상에서 여러개의 물체를 순서대로 늘어놓은 것을 배열이라고 부릅니다. 프로그래밍에서 사용하는 배열이라는 용어도 비슷한 의미가 있습니다. 데이터를 질서있게 한줄로 늘어둔것을 배열이라고 합니다. 주로 데이터를 차곡차곡 정리해두기 위해 사용하며, 배열을 만들때는 대괄호 []를 사용합니다. >let a =[1,2,3,4] >a (4) [1,2,3,4] 맨앞에 소괄호()를 통해 배열의 길이를 안내해 주기도 합니다. 위 코드는 a라는 변수를 만들고, 이 변수에 배열을 할당하는 과정을 표현하고 있습니다. 배열의 내용물은 1,2,3,4라는 데이터입니다. 배열 역시 스트링과 마찬가지로 대괄호를 사용해서 인덱싱을 할 수 있고, slice()함수를 사용해서 슬라이싱할 수도 있습니다. >a[2] 3 >a.slice(2,4) .. 공감수 0 댓글수 0 2022. 8. 31.
[JS] 함수 함수란? 함수는 프로그래밍에서 가장 중요한 개념입니다. 함수는 영어로 function 이라고 부릅니다. 함수에 집어넣는 값을 "입력값(input)", 함수가 뱉어내는 값을 출력값(output)이라고 부릅니다. #함수를 만드는 방법 1.입력값이 없는 경우 function 함수name (){ 실행할 내용 } 2.입력값이 있는 경우 function 함수name(매개변수){ 실행할 내용 } #매개변수 매개변수는 함수에 입력된 값을 임시로 저장해 두기 위한 변수입니다. function plus(x){ console.log(x+2) } >plu3(3) 5 plus 라는 이름의 함수를 만들었네요. 사용자는 괄호를 통해 함수에 값을 전달합니다. plus(3) 이렇게 3이라는 값을 괄호에 넣어줬습니다. 이렇게 5라는 사.. 공감수 0 댓글수 0 2022. 8. 29.
[JS] 변수, If문, For문 1.변수 : 변수(variable)는 데이터를 담아두기 위한 그릇과도 같은 존재라고 생각하면 편합니다. let : 변수의 재할당이 가능하다. let a =3이라고 해놓고 나중에 let a=4라고 바꿀 수 있다는 것이다. const : 한번 할당한 변수를 바꿀 수 없다. 변수의 재선언, 재할당 불가능! var : 변수를 쓸 때 사용, 예전에는 많이 썼지만 let, const 를 더 많이 씀. 2.if문 if(조건){ 수행할 행동 } -> 괄호 안에 넣어준 "조건"이 true이면 중괄호안에있는 "수행할행동"을 실행하고, false이면 아무런 행동도 취하지 않습니다. **참과 거짓을 판명하는데 자주 사용하는 유용한 도구! === :동일한지 비교 !==: 다른지 비교 : 대소 비교(미만/초과) =: 대소.. 공감수 0 댓글수 0 2022. 8. 23.
[JAVA] 객체지향 프로그래밍(OOP) 객체지향 프로그래밍 (Object Oriented Programming, OOP) : 객체지향프로그래밍은 컴퓨터 프로그램을 명령어의 목록으로 보는 시각에서 벗어나 여러개의 독립된 단위, 즉 "객체" 들의 모임으로 파악하고자 한것이다. 각각의 "객체"는 메세지를 주고받고, 데이터를 처리할 수 있다. 객체지향프로그래밍은 프로그램을 더욱더 유연하고 가변성있게 만들기 때문에 대규모 소프트웨어 개발에 많이 사용된다. 또한 프로그래밍을 더 배우기 쉽게 하고 소프트웨어의 개발과 보수를 간편하게하며, 보다 직관적이게 코드분석을 가능케 하는 장점이 있다. #객체지향 프로그래밍의 장단점 장점 단점 1. 코드 재사용 용이 2. 유지보수의 우수성 3. 대형 프로젝트에 적합 1. 개발속도가 느린 점 2.실행속도가 느린 점 3... 공감수 0 댓글수 0 2022. 8. 22.
[JS] 사칙연산 , Data Type (Foundations) 자바스크립트 코드 실행 방법 자바스크립트의 코드 실행을 위하여 별도의 프로그램을 설치할 필요는 없습니다! 크롬, 사파리 등과 같은 웹 브라우저에서 개발자모드를 실행하고(마우스 우클릭-> "검사" 클릭-> [콘솔]탭 클릭) 1. 사칙연산 console창에서 덧셈, 뺄셈, 곱셈, 나눗셈을 이용해 사칙연산이 가능합니다. 덧셈은 "+" 뺄셈은 "-" 곱셈은 "*" 나눗셈은 "/" 2. Data Type(데이터타입) : 데이터 타입을 확인하는 방법은 typeof()라는 코드를 콘솔에 입력하면, 데이터의 타입을 확인할 수 가있습니다. 자바스크립트에는 6가지의 기본 데이터타입이 존재하는데, 꼭 알아야할 4가지를 소개합니다. Number : 숫자형태 String: 문자열 형태 Boolean: 참과 거짓의 형태 unde.. 공감수 0 댓글수 0 2022. 8. 22.
[JS] 자바스크립트 소개 JavaScript : 웹 페이지에 영혼을 불어넣는 도구 HTML: 웹페이지의 뼈대 CSS: 웹페이지의 껍데기 JavaScript: 웹페이지를 동적으로 바꿔주는 도구 자바스크립트는 복잡한 계산을 수행하고, HTML 태그와 CSS 스타일을 수정할 수 있는 도구이다. "이 두가지를 수정할 수 있다는것" 이 가장 중요한 특징 중 하나이다. 하이퍼텍스트가 주목받았던 이유는 하이퍼링크를 통해 정보탐색이 가능했기때문에입니다. 자바스크립트는 하이퍼텍스트의 한계를 돌파해 한층 더 고차원적인 정보전달을 가능케합니다. 유저들은 자바스크립트를 사용해 버튼을 클릭해 어떠한 정보를 본다거나, 스크롤을 이동시켜 문서의 내용물과 모양등을 수정할 수 있습니다. 덕분에 유저와 웹 페이지가 실시간으로 상호작용할 수 있게 되었고, 사용자.. 공감수 0 댓글수 0 2022. 8. 21.
[HTML]입력태그 <form> <input> <textarea> <label> ▶입력 양식 전체를 감싸는 태그 ▶form은 컨트롤 요소로 구성된다. ☆속성 name: form의 이름 action : form 데이터가 전송되는 백엔드 url method : 전송방식 선택, get: 256~4096byte까지만 전송가능, post: 길이제한 없음! autocomplete: 자동완성, on으로 명시하면 브라우저는 사용자가 이전에 입력했던 값들을 기반으로 사용자가 입력한 값과 비슷한 값들을 드롭다운 옵션으로 보여준다. ▶form 태그 내부에있는 태그 ▶사용자가 정보를 입력하는 부분을 만들때 사용한다. ▶type에 따라 어떤 형식으로 정보를 받을지 결정한다. id값을 통해 구분할수도 있다. ☆input 속성 readonly: 읽기전용 필드로 만들기 placeholder: 힌트표시, 필드클릭.. 공감수 0 댓글수 0 2022. 7. 25.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.