본문 바로가기

전체 글178

[JavaScript/자바스크립트] 값과 변수 데이터 타입은 크게 두 가지로 나눌 수 있다. 단일 데이터(원시,primitive)-------값 number String boolean null undefined symbol 복합데이터(객체,object)-----------객체 object function 단일 데이터와 복합데이터의 차이점은? 값을 할당(대입/저장) 하는 메모리 저장소가 다름. 값 -> Stack 영역 //값이 복사되면 값 자체가 복사되어 전달됨 객체 -> Heap 영역 // 객체타입은 참조값 (메모리주소, 레퍼런스)가 복사되어 전달됨 왜 전달되는 구조가 다를까? let tree = { name : 'tree', color : 'green' } //객체는 중괄호로 묶여서 값을 저장하고 있다 여기서 객체 이름인 tree는 실제 메모리 셀.. 2022. 12. 23.
[JavaScript]코드에서 모르는 키워드가 나오면?! 이렇게 빌트인 객체를 사용하거나, 사용하는 방법을 검색하려면 ctrl/cmd 키를 누른채로 클릭한다. 그러면 이런 화면이 뜬다! 이걸 참고하면 처음 사용할 시 훨씬 수월하다!! 2022. 12. 20.
[JavaScript/자바스크립트] 친하게 지내야하는 사이트들 https://www.ecma-international.org/ Home - Ecma International Ecma International is an industry association dedicated to the standardization of information and communication systems Ecma is driven by industry members to meet their needs, providing a healthy competitive landscape based on differentiation of products a www.ecma-international.org 자바스크립트 공식사이트 아래 두 사이트는 자바스크립트에 대한 정보가 업뎃이 잘 되는데! 그중에.. 2022. 12. 18.
[VScode]nodemon 실행 에러 -스크랩 ** 갑자기 메모하기** VScode terminal 에서 nodemon종료 -> ctrl + c 드림코딩아카데미에서 자바스크립트 수업을 듣던 중 문제가 생겨서 이거 참..첫 실습부터 삽질시작인가 싶었는데 정말 다행히도 같은 수업을 듣는 학우분께서 속이 뻥 뚫리는 솔루션을 올려주셨다!!!!!!!!!!!!!!!!!!! https://wantoknowtotellthenstudy2.tistory.com/67 nodemon 실행 에러, unautiorizedAcess, PSSecurityException, 드림코딩, 엘리 nodemon으로 파일을 실행시켰는데, 갑자기 이런 에러가 뜹니다. 당황스럽죠? 그렇지만, 해결방법을 구글링으로 찾았어요. 바로 '실행창' 에서 executionpolicy를 restricte.. 2022. 12. 18.
[Git]깃으로 수정 파일 업데이트하기 -스크랩 설명을 깔끔 명료하게 해주신 덕분에 쉽게 할 수 있었다!! https://velog.io/@jiwon709/Github-%EC%A4%91%EA%B0%84-%EC%88%98%EC%A0%95-%EB%B0%A9%EB%B2%95 Github Update(수정) 방법 전에 github에 프로젝트를 올리기까지 성공했는데 중간중간에 코드를 수정하면서 업데이트 하는 방법은 달랐다.먼저, 터미널을 실행시키고 git init으로 연동시켜둔 폴더로 들어가면 master이라고 velog.io 2022. 12. 17.
[Git] Git bash - 스크랩 빛과 소금같은 블로그 글!! 여전히 clean -xdf 악몽에서 벗어나지 못했지만 이 게시글 덕분에 무사히 commit을 했다 따흐흑 감동의 눈물...감사합니다 감사합니다 https://shortcuts.tistory.com/m/8 [총정리] 깃허브(Github) 파일 업로드, 파일 올리기 (git bash) 요약 //저장소 생성 및 연결 $ git init $ git remote add origin [원격저장소 주소] $ git branch -m master main //파일 업로드 $ git pull origin main $ git add . $ git commit -m "commit message" $ git push origin main //추가적인 명령 shortcuts.tistory.com h.. 2022. 12. 17.
[CSS]정렬에 쓰이는 속성 display,float display : 화면에서에서 엘리먼트들이 어떻게 보여지고 다른 엘리먼트와 어떻게 상호 배치되는지를 결정 none: 화면에서 보이지 않음. 크기를 차지 하지도 않는다. flex: 하나의 플렉스 아이템이 자신의 컨테이너가 차지하는 공간에 맞추기 위해 크기를 키우거나 줄이는 방법을 설정 block: 상자는 컨테이너 블록의 맨 위에서 시작하여 수직으로 하나씩 배치(가로행을 모두 차지함) inline : 컨텐츠를 감쌀 정도의 크기. 한 줄에 모두 나열(컨테이너 블록의 상단에서 하나씩 차례로 수평으로 배치).가로 다 차지 inline-block : inline과 block의 특성을 합쳐놓은 속성, inline의 속성이지만 크기 변경이 가능.해당 요소만큼만 가로 크기 차지 *display:block을 기본값으로 갖.. 2022. 12. 16.
[CSS]선택자 CSS 선택자(Type selectors) 는 규칙 내의 CSS 속성값을 적용하기 위해 어떤 HTML 요소를 선택해야 하는지 브라우저에 알려주는 요소 및 기타 용어의 패턴 https://developer.mozilla.org/ko/docs/Learn/CSS/Building_blocks/Selectors CSS 선택자 - Web 개발 학습하기 | MDN CSS 에서, 선택자는 스타일을 지정할 웹 페이지의 HTML 요소를 대상으로 하는 데 사용됩니다. 사용 가능한 다양한 CSS 선택자가 있으며, 스타일을 지정할 요소를 선택할 때 세밀한 정밀도를 허용합 developer.mozilla.org 이제 선택자에 대해서 알아보자!! 복합선택자 일치선택자 /* 두가지 조건을 동시에 만족하는 요소 선택 */ span.c.. 2022. 12. 16.
[VScode]실시간 미리보기 -스크랩 https://nscworld.net/2021/01/01/vscode-live-server-%EC%8B%A4%EC%8B%9C%EA%B0%84-%EB%A6%AC%ED%94%84%EB%A0%88%EC%8B%9C-%EC%9E%90%EB%8F%99%EC%A0%80%EC%9E%A5-%EB%94%9C%EB%A0%88%EC%9D%B4-%ED%99%9C%EC%9A%A9/ vscode 실시간 미리보기 - 자동 새로고침 - 도롱뇽 BLOG Vscode 실시간 미리보기 를 위해 저장하고 새로고침할 필요없이 자동으로 브라우저에 코딩의 내용이 반영되는 방법입니다. settings의 auto save의 afterDelay 기능을 이용합니다. 설정이 간단하여 쉽습 nscworld.net 빛과 소금같은 블로그 글 스크랩!! 2022. 12. 16.
[VScode]파일 아이콘이 안보이면!! 목록에 파일 아이콘이 떠야하는데 화살표로만 뜬다면? 이렇게 뜨면 알아보기도 어렵고 눈에 확 들어오지도 않는다. 그래서!!!!! Minimal로 선택!하면 보인다. 기존에 None-Disable File Icons으로 선택되어 있어서 보이지 않았던 것! vscode-icons를 extension에 추가하면 이렇게 귀여운아이콘으로 바뀐다. 2022. 12. 15.
[JAVA/자바]Array, Arraylist 차이 -스크랩 https://zorba91.tistory.com/287 [Java] array(배열)과 arrayList(리스트)의 차이(arrayList는 어떻게 동적으로 늘어나는가?) array(배열)과 arrayList(리스트)의 차이 arrayList는 사이즈가 동적으로 알아서 늘어나주니 찾아볼 생각을 못하다가 어떻게 내부적으로 size가 늘어나는지 코드를 분석해봤다. 일단 기본적인 차이부터 zorba91.tistory.com 공부하는데 도움 많이 된 블로그!! 2022. 12. 15.
[JAVA/자바]toString 실습 https://edu.goorm.io/learn/lecture/41/%EB%B0%94%EB%A1%9C%EC%8B%A4%EC%8A%B5-%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A9-%EC%9E%90%EB%B0%94-java/lesson/770/tostring 구름EDU - 모두를 위한 맞춤형 IT교육 구름EDU는 모두를 위한 맞춤형 IT교육 플랫폼입니다. 개인/학교/기업 및 기관 별 최적화된 IT교육 솔루션을 경험해보세요. 기초부터 실무 프로그래밍 교육, 전국 초중고/대학교 온라인 강의, 기업/ edu.goorm.io 2022. 12. 15.
[JAVA/자바]String class,equals 메소드와 == 연산자의 차이 equals : 객체끼리 비교하는 메소드 == : 비교를 위한 연산자 String class 자바에서 문자열은 쌍 따옴표 " "로 감싸면 된다. 자바에서 문자열을 저장하는 기본 자료형 (Data Type은 없다.) 문자열은 여러가지 조작을 할 수 있기 때문에 별도의 클래스로 자료형 (java.lang.String)을 만들어 두었다. 따라서 자바에서 문자열은 책, 영화, 회원 처럼 객체로 취급된다. 문자열 생성방법 new로 생성 -> Heap area(객체가 생성되는 메모리영역)에 저장됨 // 새로운 객체를 선언하는 것과 같음. String str1 = new String("APPLE"); String str2 = new String("APPLE"); 저장하는 문자열은 같지만!! 번지가 서로 다름 서로 같.. 2022. 12. 14.
[JAVA/자바]API API : Application Programming Interface(애플리케이션 프로그램 인터페이스) 비슷한 기능을가진 여러개의 클래스를 jar로 하나로 묶어놓은 파일 API의 구성 Java 패키지 하위 패키지들이 있으며 아래와 같다. lang : 가장 기본적인 클래스들이 여기에 해당함ex) Integer class, String class etc... 이 패키지는 디폴트 패키지로써 클래스를 만들면 자동으로 import 된다 -> import java.lang.* ** String 클래스의 이름은 두가지 / 기본이름 : String, 패키지를 포함한이름(full name class) : java.lang.String util : arraylist io (in/out) : 입출력 관련 ->stream .. 2022. 12. 14.
[JAVA/자바]패키지/package 기능이 비슷한 클래스를 모아서 쉽게 관리하기 위해 사용 혹은 패키지 외부에서 접근하는 것을 막기 위해 사용 패키지에 접근하려면!! import구문을 이해해야한다. 접근권한을 알아야한다.(public 접근권한인 경우에 접근 가능) default 접근권한 : 패키지 내부에 있는 클래스에게는 public 접근권한 / 외부에 있는 클래스에게는 private 접근권한 class full name을 알아야 한다. ex) kr.tpc.Myclass **class의 이름은 두 가지. ex) 1:Myclass 2: kr.tpc.MyClass(패키지를 포함한 이름) **인프런 강의 'Java TPC(생각하고, 표현하고, 코딩하고 / 박매일 강사님)'를 듣고 작성 및 발췌 했습니다. 2022. 12. 14.
[JAVA/자바]함수와 메서드의 개념 및 차이-스크랩 공부할 때 도움 많이 된 블로그!! https://hoestory.tistory.com/m/31#:~:text=%ED%95%A8%EC%88%98%EC%99%80%20%EB%A9%94%EC%84%9C%EB%93%9C%EC%9D%98%20%EC%B0%A8%EC%9D%B4%EC%A0%90&text=%ED%95%A8%EC%88%98%EB%8A%94%20%EC%96%B4%EB%94%94%EC%97%90%20%EC%86%8D%ED%95%B4%EC%9E%88%EC%A7%80,%EB%90%9C%20%EA%B2%83%EC%9D%84%20%EB%A9%94%EC%84%9C%EB%93%9C%EB%9D%BC%EA%B3%A0%20%ED%95%A9%EB%8B%88%EB%8B%A4 [Java] 함수와 메서드의 개념 및 차이, 스택 .. 2022. 12. 14.
[JAVA/자바]super와 super()비교 -스크랩 super에 대해 방황하던 중 명확하게 설명이 되어있는 블로그를 찾았다!! https://structuring.tistory.com/126 JAVA 문법 - super 와 super() 비교, super를 활용한 메서드 오버 라이딩 강의 소개 현재 수강하고 있는 멀티캠퍼스 k-digital 지능형 웹서비스 풀 스택 과정을 수강하며 적은 내용입니다. 교재로는 자바의 정석을 사용하고 있습니다. super this는 자기 자신을 지칭하는 키 structuring.tistory.com 2022. 12. 14.
[JAVA/자바]초기화와 중복정의(Overloading) 생성자는 인스턴스 생성시 (객체가 생성될 때 마다) 초기화 해주는 메서드 자바의 모든 클래스에는 하나 이상의 생성자가 정의되야한다. 클래스이름과 동일한 메서드 메서드의 return type/리턴타입이 없다. 생성자를 명시 안한다면 default 로 설정이 되는데 이렇게 설정된 것을 초기화라고 한다. default 생성자는 생성자를 정의하지 않았을 경우에만 호출되어 진다. default 생성자의 접근 지시자(public, private...)는 class의 선언형태에 따라 결정된다. public BookVO{ } //생성자가 생략된 클래스 public class Book{ private String title; private int price; private String company; private in.. 2022. 12. 14.
[JAVA/자바]Getter,Setter메소드 그리고 접근제어자 public, private 자바의 접근 제한자 (클래스, 생성자, 멤버 변수, 메소드에 모두 적용됨) public private 외부에서 접근 가능 //외부 패키지, 클래스에서 모두 접근가능 외부에서 접근 불가능 //같은 클래스 내에서만 접근 가능 //정보 은닉이 목적 최상위 클래스에서 사용 가능 //상속 가능 최상위 클래스에서 사용 불가능 //상속 불가능 상위 클래스가 public인데!! 멤버변수들이 private이면 ~~~~~~~~ 사용하는것이 Getter, Setter private -> 외부에서 접근 불가능 따라서 Getter, Setter을 통하여 해당 값에 접근. 둘은 항상 같이 다님. Getter 메소드로 정보에 접근하고 (return함수가 이때 쓰임. 알아낸 정보를 메인클래스로 보내야하니까!!) Setter 메소드로.. 2022. 12. 14.
[Eclipse/이클립스] import한 프로젝트 한글 깨짐 현상+임시방편 태어나서 가장 많이 검색해본 구글링 키워드는.. 단연 '이클립스 한글 깨짐' 한글 깨지는것만 포스팅 세 개 째;; 잠을 잘못자서 목에 담이 왔는데 평소랑 다르게 거의 일주일째다..이클립스 녀석 떄문인것같다 :) 참 고맙다 립스야! 암튼.. UTF-8로 모든 인코딩을 통일 시켰는데도 안된다면!?? 임시방편으로... 해당 프로젝트 위에 마우스 커서를 두고 오른쪽 마우스 클릭해서 Properties 창 활성화를 시킨다. 저 부분이 UTF-8로 되어있었을텐데 EUC-KR로 수정 이렇게 경고창이 나오는데 우리는 과감하게 Yes!!! **소스코드는 인프런 강의 'Java TPC 실전프로젝트 (Java API 활용)/ 박매일 강사님)' 수업자료 입니다. 2022. 12. 12.
[JAVA/자바]private 생성자와 static, non-static Private 생성자 : 객체 생성에 관여하는 생성자 메서드가 private 접근 제어를 가지면 객체를 생성할 수 없다. 객체를 생성하지 않고도 사용 가능해야 한다. (모든 클래스의 멤버가 static 멤버가 되어야 함) non-static 멤버인 경우(인스턴스 메서드) : 객체 생성 후! 접근 가능 //왜냐하면 static이 안붙으면 메모리에 로딩이 되지 않기때문에 new를 붙여서 생성해야함. Inflearn inf = new Inflearn(): //객체 생성 inf.tpc(); // 접근 static 멤버인 경우 ( 클래스 메서드) : 객체 생성 없이 접근 ( 클래스 이름으로 접근) // 클래스를 사용하는 시점에서 static 멤버는 먼저 고정된 위치에 자동으로 메모리에 로딩이 된다. 그 이후에 호.. 2022. 12. 11.
[JAVA/자바]변수와 메서드 변수(Variable) : 데이터를 한 개만(한 개의 형태) 저장 가능 --------> 저장만 한다. ex) a가 변수 int a = 10; 메서드(method) : 동작을 한 후에 데이터를 한 개 만 만들어 낸다. --------> 동작 후 저장한다. ex) 메서드 이름이 변수 역할을 한다. // sum이 메서드 int sum = a + b; 메서드 호출문 int v = sum(10, 30) ; 메서드 선언문 public int sum(int a, int b) { return a + b ; } **인프런 강의 'Java TPC(생각하고, 표현하고, 코딩하고 / 박매일 강사님)'를 듣고 작성 및 발췌 했습니다. 2022. 12. 11.
[JAVA/자바]Variable, DataType, Assign V - Variable 변수/메서드 D - DataType PDT, UDDT, array, class A - Assign 대입, 할당 ex ) int a = 10; int : data type (데이터 타입) a : variable(변수) 10; : data (데이터) int a : declaration (선언) DTO : Data Transfer Object / 데이터를 담은 데이터 구조 VO : Value Object /그 자체로 값 공부할 때 도움 많이 된 블로그!! https://dandev.tistory.com/entry/JAVA-DTO%EC%99%80-VO-%EC%9D%98-%EC%B0%A8%EC%9D%B4 [JAVA] DTO와 VO 의 차이 개발을 하던 도중 DTO와 VO의 차이에 대해 궁금.. 2022. 12. 11.
[JAVA/자바]다형성/Polymorphism 이틀동안 깃허브 블로그한테 탈탈 털렸더니 머리에 Git 외에는 아무것도 안 남은 것 같다.. 죽겠어요... 아무튼... 다형성(Polymorphism)은 상위 클래스가 하위 클래스에게 동일한 메세지를 보내는지만 다르게 동작하는 원리. 하나의 메세지에 자식들이 반응을 하지만!! 결과는 다른것! 예제 package kr.poly; public interface RemoCon { // 객체생성 불가능,RemoCon r=new RemoCon();이런거 불가능 // final static (상수)를 사용가능 public static final int MAXCH = 100; // RemoCon.MAXCH public static final int MINCH = 1;// RemoCon.MINCH // 추상메서드 pu.. 2022. 12. 10.
[JAVA/자바]JAVA SE/JDK/JRE/JDK 및 IDE 차이점 -스크랩 https://codevang.tistory.com/86 JAVA SE/JDK/JRE/JDK 및 IDE 차이점 [ Java JDK 란? ] Java로 된 언어를 컴파일하고 개발할 수 있도록 해주는 개발 환경의 세트를 의미함 Java Development Kit의 약자, 개발자를 위한 JAVA라고 할 수 있음 개발자만을 위한 컴파일러, 디버깅툴 codevang.tistory.com 공부할 때 도움 많이 된 블로그!! 2022. 12. 10.
자바랑 깃허브랑 씨름한 후기.txt 잘 쓰던 티스토리 블로그를 두고... 무슨 바람이 불었는지 깃허브 블로그로 이사를 가야겠다고 결심을 했었다.. 미련했던 과거의 나 나의 삽질 과정 1. 깃허브 블로그로 이사 결심하고 강의들으면서 올리려고 한 포스팅 잠시 미룸..(반나절이면 될 줄 알고 그랬다..) 2. 몇개월 전에 만들어둔 깃허브 블로그를 private으로 전환하고 싶었지만 불가능해서 해당 repo삭제하고 다시 만듬. 3. 404 에러;;; 4. 구글링해보니 push를 하나라도 해야 뜬다고 해서, 원격저장소에 직접 text파일 push했는데 안됨. 5. 로컬저장소에 만들어서 git으로 push했더니 됨! 6. 제대로 deploy/배포가 되었으니 테마 적용하려고 구글링 함. 8. 이틀내내 매달렸지만 절대 안먹힘 (이때 git clean -.. 2022. 12. 10.
[Eclipse/이클립스]콘솔창에 한글 물음표로 나올 때 +모든 방법 다 써도 안되는 경우 결론 : Java17 로 버전 변경!! ( Java18 을 사용하는 경우) Git 터미널로 Git clean -xdf를쓴 이후,, 갑자기 콘솔창에 한글이 안 뜨기 시작했었다.휴 자바 깔 때마다 겪은 문제라서 " 아~ 별 거 아니지~" 하고 설정 바꾸는데 또 안되는.. 이미 깃허브 블로그한테 제대로 얻어맞은 후 였기 때문에 정신을 차릴 수 없었고..만신창이가 된 나 구글, 네이버에서 '이클립스 한글' '콘솔창 한글 깨짐' 등 .. 모든 키워드를 바꿔가면서 넣어보고 나온 결과들은 다~ 봤다. 전에 내가 올린 게시글에 쓰여있는 해결 방법도 먹히지 않았다. 진짜 울고 싶었다;; 저 시간 없다고요!! 내가 시도한 방법들 1) Run configuration - Common Tab- Encoding 변경 -> 안됨.. 2022. 12. 10.
[JAVA/자바]Upcasting/업캐스팅, Downcasting/다운캐스팅 Object casting: 상속관계에 있는 클래스들 간의 형(DataType)을 바꾸는 것 인스턴스를 1개 부모클래스(슈퍼클래스)로 설정하여 자식클래스(서브클래스)를 담아놓고 관리하기 위해서 사용 Ex) 부모 클래스 : Animal | 자식 클래스 :Cat, Dog Upcasting : 자식(서브)클래스가 부모(수퍼) 클래스로 캐스팅. 자동형변환 Ex) Animal r=new Cat (); // upcasting r.eat(); Downcasting : 부모(수퍼)클래스가 자식(서브)클래스로 캐스팅. 강제형변환 Ex) Animal r=new Cat(); // r.night(); Cat c=(Cat)r; // downcasting c.night(); instanceof : 객체타입을 확인하는 연산자 형변.. 2022. 12. 8.
[Eclipse/이클립스]메인클래스 생성시 메인 클래스 생성시 public static void main을 활성화 시킨다. 하지만!! 다른 클래스 (ex.부모클래스) 생성시에는 활성화시키지 않는다. 왜냐하면!! 자바에서 메인클래스는 한 개만 있어야하기 때문에 메인클래스 생성시에만 활성화를 시켜야한다. 따라서 다른 클래스들은 메인클래스가 아니기때문에 활성화 시킬 필요가 없다. **인프런 강의 'Java TPC(생각하고, 표현하고, 코딩하고 / 박매일 강사님)'를 듣고 작성 및 발췌 했습니다. 2022. 12. 7.
[JAVA/자바]추상클래스와 인터페이스 abstract class(추상 클래스) extends keywords 사용 구현 메서드를 가질 수 있다. 하나 이상의 추상 메소드를 갖고 있으면 추상 클래스라고 부름. 서로 기능이 비슷한 클래스의 공통 부분을 묶을 때 사용 구현 메서드와 추상 메서드를 함께 가질 수 있다. 50% 디자인(설계), 50% 구현 Interface(인터페이스) Implements keywords 사용 구현 메서드를 가질 수 없다. 다중 상속 형태를 지원한다. final static 멤버변수를 가질 수 있다. /final 선언하면 값을 바꿀 수 없다. 서로 기능이 다른 클래스의 공통 부분을 묶을 때 사용 100% 추상 메서드로 이루어진다. 100% 디자인(설계), 규약 // 추상 클래스(abstract class)랑 헷갈리지 .. 2022. 12. 7.