개발새발

[ 확장기능 설치하는 방법 ] 1)korean language pack for visual studio code - 에디터의 기본 기능에 사용하고 싶은 확장 기능을 다운로드 받아서 사용 - 한국어로 모든 기능을 바꿔준다 - 껐다가 다시 키면 재부팅이 된다 2) 폴더를 쉽게 여는 방법 파일 - 최근 항목 열기 3)html 작성하는 방법 !입력하고 첫번째걸로 enter를 치면 기본적인 setting이 완성이 된다 or tab키도 사용할 수 있다 4) Beautify : 코드를 보기 좋게 정리해주는 확장 기능 왼쪽 activity bar의 가장 마지막 탭에 들어가서 beautify를 쳐서 설치한다 이제 단축키를 설정할 수 있다 beautify의 feature탭의 commands를 보면 두가지가 나오는데 bea..

heropy.blog/2019/04/24/html-css-starter/ 입문자에게 추천하는 HTML, CSS 첫걸음 개요 HTML, CSS 그리고 JavaScript 웹 표준 크로스 브라우징 웹 접근성 정보 통신 보조기기 웹 접근성 품질인증 마크 웹 개발을 위한 에디터 Su ... heropy.blog 개요 웹을 구성하는 html, css, js는 단순한 기술을 배우는 것으로 그치지 않고 웹, 모바일, IT 전반의 전체를 이해하는데 도움이 된다 실무적으로 product(ex. web site)를 구조적인 관점에서 볼 수 있는 능력을 키울 수 있다 1. HTML, CSS 그리고 JS : 웹에서 돌아가는 3가지 html - hyper text markup language (마크업 언어) / 제목, 문단, ..

1. 다른 사람이 만든 저장소 받아오기 2. 소스트리 GUI 사용하는 법 3. branch: 평행세계 나누기 4. merge : 두 버전 합치기 / conflict : 합치다 충돌 5. fork: 저장소 통째로 복제하기 6. pull request 1. 다른 사람이 만든 저장소 받아오기 [git pull] 원격저장소(깃헙)을 내 컴퓨터에 받아오기 [clone] 원격 저장소에 A가 커밋을 올렸을 때 B가 이 저장소를 본인 컴퓨터에 받아오고 싶어할 때 어떻게 해야할까? A의 로컬 저장소에서 A의 원격 저장소로 push A의 원격 저장소에서 B의 로컬 저장소로 clone : -이때 로컬 저장소 .git이 자동으로 생긴다 -A의 원격 저장소에 생긴 변경사항을 B의 로컬 저장소로 pull로 받아올 수 있다

[깃허브에 코드를 올리는 과정] 1. 내 컴퓨터 프로젝트 폴더에 여기에서 git을 쓸거다 명령 : git init 2. 코딩 3. 변경한 파일 중 올리길 원하는 것만 선택 : git add 4. 선택한 파일들을 한 덩어리로 만들고 설명 적어주기 : git commit -m "올릴 내용" 5. 깃허브 사이트에서 프로젝트 저장소 만들기 6. 내 컴퓨터 프로젝트 폴더에 깃허브 저장소 주소 알려주기 : git remote add origin 저장소 url 7. 내 컴퓨터에 만들었던 덩어리 깃헙에 올리기 : git push origin master [로컬 저장소] 1. 원하는 폴더에서 git 초기화: git init 2. git 초기화를 하면 숨긴 폴더 .git이 나타난다: 이게 로컬 저장소 3. 로컬 저장소에서..

react앱의 구성 블록 element component JS의 라이브러리 JS튜토리얼 살펴보기 1. JSX const element = Hello, world! 변수 html태그 => 문자열도 html도 아님 => JSX: JS를 확장한 문법 UI가 어떻게 생겨야 하는지 설명하기 위해 React와 함께 사용할 것 권장 React element를 생성한다 JSX란? React에선 이벤트(사용자가 화면에 하는 모든 행동)가 처리되는 방식, 시간에 따라 state가 변하는 방식, 화면에 표시하기 위해 데이터가 준비되는 방식 등 렌더링 로직이 본질적으로 다른 UI 로직과 연결된다는 사실을 받아들인다 React는 별도의 파일에 마크업과 로직을 넣어 기술을 인위적으로 분리하는 대신, 둘 다 포함하는 "컴포넌트"라..

html circle -svg height, width로 circle의 영역이 되는 네모를 잡는다 -그 안에서 cx, cy로 x,y를 정하고 r이 반지름. 네모의 왼, 위 모서리가 (0,0)가 된다. -style는 id값 줘서 css파일에서 {fill:lime;stroke:purple;stroke-width:3}로 써도 된다. 여러개 나란히 정렬 #parent{ display: flex; } .child{ flex:1; }

클래스 생성 시 어떤 식으로 메모리 쓰는지 클래스 하나지만 인스턴스는 여러개 인스턴스 클래스는 선언만 해놓는다. 클래스 코드 하나가 있고 new를 이용해 여러개의 객체를 생성할 수 있다 이때 이 객체를 인스턴스라고 한다 heap 메모리 이렇게 생성될 때 인스턴스는 heap이라는 메모리에 들어간다 이를 동적 메모리라고 한다. heap area에 student만큼의 사이즈가 생긴다(각 멤벼변수별로 쌓인다: int studentID, String studentName, String address) Garbage collector라는 thread에 수거해야 heap메모리가 사라진다 stack 메모리 매서드는 stack 메모리를 쓴다 studentlee(새로 만든 인스턴스)는 address의 사이즈(자료형의 사이..

1. 함수(function) 1)함수 -하나의 기능을 구현하는 코드 (여러 개가 아닌 하나의 기능) ex. 더하기라는 하나의 기능을 하는 함수를 각 경우에 맞게 호출한다 - 반환값 : 함수를 사용한 뒤 나온 결과를 돌려준다(보여준다) - 호출: 함수를 불러서 사용한다 - 장점: 기능 분리 그러므로 가독성 올라간다. 반복해서 사용하기 좋다. 디버깅, 업데이트할 때 편리 -형태 : 들어가는 값(매개변수) - 함수(이름) - 나오는 값(반환값) cf. 경우에 따라 매개변수, 반환값이 없을 수 있다 2)정의하기 -데이터 타입이 있으면 반환값의 종류를 정해준다 -void : 반환값이 없으면 데이터 타입을 선언하는 자리에 void 사용 데이터 타입 이름( 매개변수 ){ 함수 몸체 int result; 반환 retu..

1. 객체 : 명사, 동사 등 행위의 대상. 프로그램에서 일어나는 모든 일들. 2. 객체 지향 프로그래밍 객체를 만들고 이를 대상으로 하며 객체들의 연관 관계를 가지고 프로그래밍 정의 기능 구현, 협력 구현 절차식 객체(object entity) 를 뽑고 객체 사이 연관 관계를 정의하고 구현 요금 지불, 수 증가 일련의 관계 3. 클래스 1)정의하기 클래스: 객체의 추상적인 부분을 코드화한 청사진. 객체지향 프로그래밍의 구성요소. class Student{ int studentNumber; String studentId; } => 객체를 나중에 생성하고 사용하기 위해 특정 속성을 정의하는 것. -멤버 변수 (attribute, property) : 객체의 속성을 변수로 표현한 것. 클래스 내부 객체의 속..

#1. 1)입력받기 package ; => import java.util.Scanner; (또는 import java.util.* -> util의 모든 거 다 가져오는) class{ main string{ Scanner scanner = new Scanner (System.in); char operator = scanner.next().charAt(0);} => 입력받은 문자 변수에 대입하기 2)자바의 등호 대입 : = 등호 : == #2. Scanner scanner = new Scanner(System.in); int lineCount = scanner.nextInt(); //다른 홀수 값을 넣어보세요 int spaceCount = lineCount/2 +1; int starCount = 1; for..