기록 :-)

Swing 패키지의 JOptionPane.showInputDialog () 를 사용하여 입력을 받아보겠다. import javax.swing.JOptionPane; 상단에 위와 같은 코드를 입력해준다. 만약에 여기서 빨간줄이 뜬다면 패키지를 생성할 때 Create module-info.java file 이라는 부분의 체크를 해제해준다. 나도 에러가 떠서 패키지를 다시 만들었다. package study; import javax.swing.JOptionPane; public class test { public static void main(String args[]) { String id = JOptionPane.showInputDialog("아이디를 입력해주세요"); System.out.println(id..

이 에러는 github에 내 로컬에 없는 파일이 있고 그 상황에서 push를 하면 생기는 오류라고 한다 git pull 빠짐없이 했는데 .. 어쨌든 이러한 에러를 해결하기 위해서는 딱 두줄만 입력하면 된다 git pull {원격저장소 이름 } { branch ( main, master ... ) 브런치} // 아마 요즘에는 대부분 main이 아닐까 싶다 ! 이렇게 pull을 해준 후에 push를 해주면 잘 올라가는걸 확인할 수 있다 git push { origin 원격저장소 이름 } { branch ( main, master ... ) 브런치} 근데 나는 이렇게는 뜨는데 올라가있진 않아서 git pull부터 다시했다 또 에러가 뜨면 어쩌지싶었는데 다행히 에러없이 정상적으로 올라갔다 !

평소처럼 git pull 을 했는데 에러가 발생했다 error: Pulling is not possible because you have unmerged files 와 함께 main 옆에 | MERGING가 생겼다... 병합되지 않은 파일이 있다니 갑자기 무슨 ㅜㅜ stackoverflow를 찾아본 결과 , 여러가지의 답변이 있었으나 그중 하나인 해결방법을 적용해보았다. 변경 사항을 병합하지 않고 로컬을 업데이트하려면 다음 코드를 입력하라길래 입력해봤는데 귀신같이 해결됐다.. git reset --hard HEAD HEAD를 사용하여 로컬을 재설정한 다음 git pull을 사용하여 원격을 당기는 코드라고 한다. 만약 이미 병합을 로컬로 커밋했지만 되돌리고싶은 경우에는 다음 코드를 입력하면 된다고 한다. ..

상속(inheritance)이란 ? - 상속은 캡슐화, 추상화와 더불어 객체 지향 프로그래밍을 구성하는 중요한 특징 중 하나로 상위 클래스 (부모 클래스)의 맴버변수와 메서드를 하위클래스 ( 자식 클래스) 가 물려받는 기술을 의미한다. 자바에서 상속을 구현할 때는 extends 예약어를 사용한다. 포함관계 : 포함관계는 상속과 같은 방식으로 관계를 맺는 게 아닌 클래스 내에서 다른 클래스의 인스턴스를 생성하면 포함 관계라고 볼 수 있다. 쉽게 말해 한 클래스의 맴버로 참조변수를 선언하는 것 class Circle { int x; int y; int r; } class Circle { Point c = new Point(); int r; } circle이 Point를 포함하고 있다. 상속관계 : '~은 ~..

nodejs : backend에서 서버에 대한 개발을 하는 도구 nodejs는 chrome의 자바스크립트 엔진 v8을 사용한다. 오늘은 nodejs로 랜덤으로 강아지 사진이 출력되는 예제를 만들어볼것이다. npm init Nodejs 프로젝트를 실행할때 package.json을 생성 해준다. npm init -y npm init만 입력하면 기본 양식을 직접 정해줘야하는데 -y라는 속성을 사용하면 default값으로 설정된 packge.json을 만들겠다라는 의미다. npm init보다 조금 더 편하고 한번에 packge.json을 만드는거라고 생각하면 된다. 이 예제를 위해서는 express, ejs, request 템플릿이 필요하기때문에 설치해주겠다. npm install express ejs requ..

회사에서 이틀동안 html,css , javascript 교육을 받은 후, 회원가입 폼을 구현하는 실습시간을 가졌다. 오후에는 코드 리뷰 시간을 가졌는데 리뷰를 할줄 알았으면 조금 더 성의있게 열심히 했을텐데 ... 조금은 아쉬웠다 다음부터는 작은거라도 꼼꼼히 코드 작성하기 ...!! 코드 리뷰를 한다길래 처음에는 떨렸지만 막상 해보니까 재미있고 더 열심히 공부해서 다른 사람들의 코드를 다 이해하고 싶어졌다 ...!!! 화이팅 /* 1. 정규식을 이용해서 이메일 유효성 검사 기능구현하기 */ document.getElementById('email').addEventListener('blur', function(event) { const value = this.value, elParent = this.pa..

focus 이벤트는 요소가 포커스를 받을때 blur 이벤트는 포커스를 잃을 때 발생한다. javascript.info에 설명이 잘 되어있어서 참고해서 적었다 input.onblur = function(){ if(!input.value.includes('@')) { input.classList.add('invalid'); error.innerHTML = "올바른 이메일 주소를 입력하세요." } }; input.onfocus = function() { if (this.classList.contains('invalid')) { // 사용자가 새로운 값을 입력하려고 하므로 에러 메시지를 지움 this.classList.remove('invalid'); error.innerHTML = ""; } }; blur 핸..

오늘부터 본격적인 교육이 시작된다 틈틈히 기록해야지 ! 요소 : 웹 양식의 여러 컨트롤과 레이블()을 묶을 때 사용함. 요소로 그룹의 설명을 제공할 수 있음 *특성 disabled : 지정한 경우, 모든 자손 컨트롤 비활성화되므로 편집 불가능 단, 안의 양식 요소는 비활성 상태로 전환되지 않음 form : 요소와 연결할 요소의 id name : 그룹과 연관지을 이름 Disabled fieldst Name: 비활성화 된 을 볼 수 있따 순서가 있는 목록을 만들때는 ol 의미없는 목록을 만들때는 ul 항목은 li 태그 : 테이블을 만드는 태그 : 테이블의 헤더부분을 만드는 태그 테이블의 행을 만드는 태그 테이블의 열을 만드는 태그 * 와 의 개수는 동일한 것이 좋고 값을 비워야한다면 로 열을 생성 후 , 값..

Bootstrap이란 ? 트위터에서 시작된 프론트엔드 개발을 위한 프레임워크다. 트위터에서 사용되는 각종 레이아웃, 버튼, 입력창 등의 디자인과 기능을 css와 javascript로 만들어놓은 것이다. 글자 , 인용문, 목록 , 표 , 입력폼 , 버튼 , 이미지, 아이콘 등의 요소들을 모두 내장하고 있다. pc용만 아니라 태블릿이나 스마트폰 같은 모바일용 디자인도 반응형으로 지원한다. 버전 차이가 있는데 버전 4는 제이쿼리를 사용하지만 버전5부터는 바닐라 자바스크립트만을 사용한다고 한다. 사용법 1. bootstrap 다운로드 다운로드 후 사용할 수 있다. 2. CDN을 통해 불러오기 별도의 다운로드없이 코드 몇줄로 불러올 수 있다. 사이에 코드를 적고 예시로 밑에 있는 코드를 붙여넣기 해보겠다. htt..

6/6 ~ 6/20까지 했던 노마드 코더 바닐라 js 챌린지가 드디어 막을 내렸다. 그동안 냈던 퀴즈, 과제를 검토해서 최종적으로 오늘 수료 여부 메일이 왔는데 다행히 무사히 수료를 하였다 !! 결석은 한번도 안했지만 몇번 제출한 코드가 답지랑 달라서 조금 걱정했었는데 ,, 휴 괜한 걱정이었다. 느낀점✨ 확실히 아직까지의 나는 스스로 하는것보다는 과제나 퀴즈처럼 문제가 있을때의 학습 효과가 좋다는 점이다..!! 그리고 짧은 시간에 자바스크립트에 흥미를 붙이고싶다면 이 챌린지를 적극 추천한다. 매일매일 정해진 과제를 했다는 쾌감과 마지막에 웹사이트라는 결과물이 나오기때문에 더욱 좋다 챌린지를 하며 노력한 점 ✨ 마지막에 css를 통해서 각자의 스타일을 입히기때문에 다 달라보이지만 사실 js만 놓고 봤을때는..