목록방법 (37)
NOW OR NEVER
변수와 상수 public class VariableTest03 { public static void main(String[] args) { String korea; korea = "hello"; System.out.println(korea);//변수 System.out.println("korea");//상수 } } 변수 프로그램 실행 중에 발생한 데이터를 컴퓨터 메모리에 저장시켜야 하는 경우가 있다면 그 때 변수를 만든다, 상황에 따라 변수에 담긴 데이터를 바꿀 수 있다 변수는 때에 따라서 그 값이 변할 수 있다. 대입 연산자(=) 왼쪽에는 반드시 변수만이 올 수 있다. 변수 사용 시 반드시 변수를 선언하고 사용해야 한다. 그러지 않을 경우 변수가 없다고 처리되어 오류가 발생한다. 변수를 선언함과 동시에..
java java 설치 open jdk ver. : https://adoptopenjdk.net/ cmd에서 java -version : 설치한 java 버전 확인 및 설치 확인 java 프로그램 프로그램 문서를 작성할 수 있는것이라면 자바 프로그램을 작성할 수 있다. 컴퓨터를 갖고 어떠한 일을 하도록 만들어진 것, 컴퓨터가 알아들을 수 있는 수 많은 명령어들로 구성되어 있다. 해당 언어에는 미리 정해진 규칙이 있다. 프로그램을 만드는 것은 그 규칙(manual)에 따라 명령어를 작성하는 것이다. 그래서 그 규칙을 익혀야 한다. 의미 있는 이름으로 작성하는 것도 중요하다. 디버깅 : 오류를 고쳐가는 과정을 뜻함 메모장을 이용한 java 프로그램 저장 방법 파일 형식을 모든 파일로 바꾸고 확장자를 포함한 ..
배포 netlify : 배포하는 것을 도와주는 사이트 AddThis : 만든 사이트를 sns 공유하기 기능 제공 tools 들어가면 만든 공유하기 버튼의 setting 변경 가능 광고 애드 내트워크 회사들과 광고계약을 맺지 않아도 서비스에 붙일 수 있다. 광고가 얼마나 노출됐는 지 등을 알 수 있다 ex) 카카오 애드핏 광고 단위 : 배너 하나 하나를 의미 직접 회사와 광고 계약 인기가 많아지면 여러 회사들의 배너 넣을 수 있는지 연락오면 제공해주는 배너를 만들어줄 수 있어야 함, 수수료가 안나가서 더 높은 금액을 받을 수 있음 외부 광고 배너 넣는 법 광고 배너 url을 a 태그의 hrf 작성 후 a태그 안에 img 태그 사용하여 배너 이미지 삽입 ? 전에는 그링크를 클릭했을 때 이동할 사이트의 url..
React의 class 형 Component 제작 기본 패턴 React란? 코드 양이 많을 경우 한 눈에 코드가 들어오지 않고 혼란스러운 상태를 초래한다. 이를 하나의 태그로 줄여주는 역할을 하는 것이 React이다. 웹브라우저는 이세상에 react라는 기술이 있는지 모른다. 왜냐하면 react는 그냥 사람들이 짜는 코드이고 react가 최종적으로 웹브라우저한테 html 코드를 공급해주기 때문이다. react는 JSX 언어이다 React의 js에서 짜는 코드들은 유사 Javascript이다. react에서 짠 코드를 javascript로 작성할 경우 에러가 발생한다. 왜냐하면 js의 경우 tag를 표현하는 부분들을 따옴표 등을 활용하여 잘 작성해야 하는데 react의 경우 그냥 tag를 작성해도 잘 동작..
create react app을 활용한 개발환경 구축 순서 : npm 설치 -> create react app 설치 -> create react app 사용 1. node js 설치 npm은 node js로 만들어진 프로그램들을 쉽게 설치해 주는 일종의 앱스토어이므로 node js를 먼저 설치 설치 : https://nodejs.org/en/ LTS : 안정화 된 것 / current : 가장 최신 버전 2. npm node js 설치 시 자동으로 같이 설치됨 window에서 설치 확인 window key + R (실행 창 열기) cmd 입력해서 cmd 열기(cmd : commend의 약자로 명령어라는 뜻, 컴퓨터를 명령어를 통해서 제어하는 프로그래밍으로 즉 말로 제어하는 방법이다) cmd에서 npm -..
함수 프로그래밍을 짤 때 무언가 반복적으로 계산되는(수행되는) 로직들이 있을 때 함수로 만듦. 왜냐하면 함수로 만들면 재사용이 가능하기 때문이다. 함수 선언 function 함수이름(인자){기능 수행 영역(code block)} 함수 선언시 function 키워드 사용 {} 즉 코드 블럭을 수행하는 것들을 함수이름으로 가리키게 됨 함수 이름 함수 자체를 가리키는 것 함수를 가리키고 있는 주소(refernce)를 가지고 있다 함수 이름 지정 가능 가능하면 의미있는 이름으로 설정 변수에서 이름을 원하는대로 지정하는 것처럼 함수 또한 원하는대로 이름 지정 가능 짧고 간결하지만 의미있는 이름으로 설정 인자 함수를 호출하는 사람으로부터 필요한 data를 받아오기 위해서 그리고 필요한 data를 받아올 때 함수 내..
객체 지향 언어(Class vs Object) class를 이용해서 상속과 다양성이 일어날 수 있다. 이런 모든 것들이 일어날 수 있는 곳이 객체지향 언어이다. 객체 지향 언어로 프로그래밍을 잘하는 개발자 = 풀어야 하는 문제나 구현해야 되는 기능들을 객체로 잘 정의해서 만들 수 있는 개발자 js에 class나 object가 없다면 정의한 변수들이 여기저기에 둥둥 떠다니면서 규모있는 프로젝트를 만들기 힘들었을 것이다. 실제로 살아가는 세상에는 수많은 물체와 사물들이 존재한다. 프로그래밍을 할 때 또한 사물과 물체들을 class나 object로 정의해서 프로그래밍 하는 것이 조금 더 자연스럽기 때문에 개발자들이 편하고 유연하게 프로그래밍을 할 수 있게 도와준다. 상속 Inheriance class 상속받을..
PWA(Progressive Web App) : 새롭고 강력한 소프트웨어 앱을 만드는 방식 모바일 폰에서도 설치해서 실행할 수 있고 desktop에서도 어플리케이션처럼 실행할 수 있다. native apps와 브라우저 웹앱 안드로이드나 아이폰처럼 특정한 플랫폼에서 동작하는 native apps는 플랫폼에서 제공하는 다양한 API를 이용해서 사용자에게 다양한 기능을 제공하는 역량이 크지만 앱스토어를 이용해서 설치해야 하고 그 플랫폼에서만 사용할 수 있다는 단점이 있다. 브라우저에서 동작하는 웹앱은 플랫폼에 상관없이 브라우저만 있으면 사용가능하므로 사람들이 쉽게 접근해서 사용할 수 있는 장점이 있지만 native app처럼 플랫폼 자체의 API를 사용할 수 없다는 단점 이 있다. 개념 html, css, j..
API(Application Programming Interface) 개념 service 내부의 구현사항을 잘 숨겨두고 외부에서 사용하는 사람이 필요한 것만 노출해둔 이것을 인터페이스, API라 부른다. 연도별 API의 역사 API의 시초 : 1964년 거대한 컴퓨터를 쓸 때부터 등장한 단어로 하드웨어 독립성(Hardware Independence)을 위해 사용됨. 예를 들어 서로 다른 하드웨어 부품마다 개발자가 일일이 프로그래밍을 작성하기 보다는 HAL(Hardware Abstraction layer)라는 하드웨어 추상화 계층을 통해 한번만 display 함수를 이용하면 각기 다른 모니터에 출력을 하거나 각기 다른 하드웨어 부품에 작성을 하는 이런 일들을 쉽게 해주는 것이 생긴 것이다. 1980년대 중..
왜 프로젝트로 공부해나가야 하는지 실용적인 방법들을 많이 배울 수 있고 결과물이 눈으로 보여서 성취감도 생김 중요한 이유 : 문제 해결 능력을 연습해 볼 수 있음(개발자의 중요한 자질) 포트폴리오를 어떻게 만들어 나가면 좋은지 분야에 필요한 기술 정리 -html+css만 안다면 : 정적인 반응형 웹사이트 javascript : 동적인 웹사이트(서버에서 데이터를 받아옴) -> node.js를 이용해서 백엔드 구축도 해보면 좋음 -> 프레임워크를 이용한 SPA(동일한 프로젝트) 만들어보기 포트폴리오에 추가할 프로젝트는 어떤 것들? 히든카드 프로젝트 가고자하는 분야에서 중요한 기술/스택을 1-2개에 초점 독창적인, 창의적인 아이디어 자주 쓰는 앱들의 주요 기능 카피(가고자하는 분야에서 중요한 기술을 활용하면 ..