본문 바로가기

프로그래밍 언어

[JS] HTML에 JS, CSS 불러오기

프로그래밍 언어/JavaScript 2023. 12. 30. [JS] HTML에 JS, CSS 불러오기 은근 자꾸 까먹어서 찾게 되니 정리한다. CSS 불러오기 JS 불러오기

[JS] JavaScript 로 HTML 요소 동적 생성

프로그래밍 언어/JavaScript 2023. 12. 30. [JS] JavaScript 로 HTML 요소 동적 생성 1. 요소(Element) 생성 HTML 태그 요소 중에 만들고 싶은 요소를 생성한다. (1) createElement() document.createElement('[원하는 요소]') const newP = document.createElement( 'p' ) // 요소 p 생성 const newDiv = document.createElement( 'div' ) // 요소 div 생성 avaScript에서는 문자열을 정의할 때 작은 따옴표( ' )나 큰 따옴표( " ) 모두 사용할 수 있습니다. 어떤 것을 사용할지는 주로 개인적이거나 팀의 기호에 따라 결정되며, 기능적으로는 동일합니다. 2-1. 부모자식 관계 만들기 (부모 연결하기) 요소를 만들었다면, 어디에 해당 요소를 추가할지 알기 위해 다른 요소..

[Flutter] 1. flutter란?

프로그래밍 언어/Flutter 2023. 12. 26. [Flutter] 1. flutter란? Flutter VS React Native Flutter를 배우기 전에 대표적인 크로스 플랫폼 두개, Flutter와 React Native의 간단한 차이를 말하고자 한다. 네이티브 앱 운영체제 상에서 가능한 위젯을 사용하고 싶을 때 (ex, ios 기본 위젯을 사용하고자 할 때) → Rreact Native (안드로이드, ios 를 둘 다 동작 시켰을 때 OS의 따른 위젯으로 생성) 세밀한 디자인 요구사항, 위젯 커스텀을 하고자 할 때 → Flutter ( 화면상의 모든 픽셀 100%를 커스텀 할 수 있다) 💡 flutter은 OS와 직접적으로 소통 X 우리가 만든 코드 (Dart) animation, painting, gestures 를 포함하고 있음 flutter는 OS와 직접적으로 대화 하지 X ..

[Dart] 4. Class

프로그래밍 언어/Flutter 2023. 12. 26. [Dart] 4. Class 참고 강좌 Dart 시작하기 – 노마드 코더 Nomad Coders Flutter 앱 개발을 위한 Dart 배우기 nomadcoders.co 클래스 생성 class Player { } property 타입을 사용하여 정의 (var X) class Player { final String name = "Kyung"; int xp = 1500; } final을 사용하면 다시 값 변경 불가능 void main() { var player = Player(); player.name = "Mi"; // final로 선언된 변수일 경우 에러 발생 player.xp = 2000; // final이 아니면 변수 값 변경 가능 } class 내 함수 class Player { final String name = "Kyung..

[Dart] 3. Function

프로그래밍 언어/Flutter 2023. 12. 26. [Dart] 3. Function 참고 강좌 Dart 시작하기 – 노마드 코더 Nomad Coders Flutter 앱 개발을 위한 Dart 배우기 nomadcoders.co function 형식 returnType FunctionName (ParameterType Parameter){ } returnType: 무슨 타입으로 리턴하는지 void: 아무것도 return 하지 않음 FunctionName: function의 이름 ParameterType: 전달 받는 파라미터의 타입과 해당 파라미러 이름 void sayHello(String name){ // return void => 아무것도 return 하지 않는다 print("Hello $name nice to meet you!"); } String sayHello2(String name..

[Dart] 2. 데이터 타입

프로그래밍 언어/Flutter 2023. 12. 26. [Dart] 2. 데이터 타입 참고 강좌 Dart 시작하기 – 노마드 코더 Nomad Coders Flutter 앱 개발을 위한 Dart 배우기 nomadcoders.co basic 데이터 타입 모든 타입들은 object, class로 이루어짐 main() { String name = "KyungMi"; bool alive = true; int age = 24; // extend num double money = 69.66; // extend num num x = 12; // int or double x = 1.1; } int 와 double은 num을 상속받았다 즉, num으로 선언하면 int도 double도 될 수 있다. List 타입 main() { var numbers = [1,2,3,4]; List numbers2 = [1,..

[Dart] 1. Dart 해보기

프로그래밍 언어/Flutter 2023. 12. 26. [Dart] 1. Dart 해보기 참고 강좌 Dart 시작하기 – 노마드 코더 Nomad Coders Flutter 앱 개발을 위한 Dart 배우기 nomadcoders.co dart 도 main이 가장 기본 method void main() { print("Hello world"); } ; 필수 (BUT 기본 format 이용해 자동으로 ; 추가해주지 않음 → 안쓸 때도 있기 때문) 변수 var 사용 - 타입을 구체화 할 필요 없음 void main() { var name = "KyungMi"; } 값을 업데이트 할 때 변수의 본래 타입과 일치해야 함 → String으로 선언하였으니 int 형으로 업데이트 불가능 명시적으로 변수 타입 지정 void main() { String name = "KyungMi"; } 이들은 언제 사용되느냐 ..

[Dart] 0. Dart 기본 지식

프로그래밍 언어/Flutter 2023. 12. 21. [Dart] 0. Dart 기본 지식 Flutter 공부 전에 Flutter 사용 언어인 Dart를 먼저 공부하였다. 먼저 Dart의 기본 지식에 대해 설명하도록 하겠다. 추가적으로 Dart 실행기를 통해 쉽게 Dart를 실행 시킬 수 있다. https://dartpad.dev/ DartPad dartpad.dev 참고 강좌 Dart 시작하기 – 노마드 코더 Nomad Coders Flutter 앱 개발을 위한 Dart 배우기 nomadcoders.co dart UI 최적화 생산적인 개발활 모든 플랫폼에서 빠름 dart는 두개의 컴파일러 존재 dart web : 개발자가 dart로 쓴 코드를 javascirpt 로 변환해주는 컴파일러 dart native : dart 코드를 여러 CPU의 아키텍쳐에 맞게 변환해주는 컴파일러 ⇒ IOS, Wi..

[No.5] 모듈과 패키지, 자바 기본 패키지

프로그래밍 언어/JAVA 2023. 1. 4. [No.5] 모듈과 패키지, 자바 기본 패키지 패키지의 개념과 필요성 패키지의 필요성 하나의 자바 응용 프로그램을 여러명이서 분담하였을 때, 두 명이상이 동일한 이름의 클래스를 작성하게 되면 클래스 파일이 중복되는 문제가 발생한다. → 이를 해결하기 위해 패키지 사용 패키지(Pakage) 서로 관련 있는 클래스나 인터페이스의 컴파일된 클래스 파일(.class)들을 한 곳에 묶어 놓은 것 ▣ JDK 9 부터는 패키지들을 모듈이라는 단위로 묶어 제공해준다. (가장 많이 쓰는 모듈 - java.base) + 클래스를 지칭할 때는 모듈명을 사용하지 않고, 패키지 명을 포함하는 경로명으로 나타낸다 import java.util.Scanner; // import 패키지.클래스; -> 클래스 경로명을 컴파일러에게 알려주는 문 import java.util.*; ..

프로그래밍 언어/JAVA 2022. 12. 30. [NO.4] 상속 객체지향언어에서 상속의 장점 클래스의 간결화 : 멤버의 중복 작성 불필요 클래스 관리 용이 : 클래스들의 계층적 분류 소프트웨어의 생산성 향상 : 클래스 재사용과 확장 용이 자바 상속의 특징 / 접근 지정자 | 자바에서는 클래스의 다중 상속을 지원하지 않는다 | 자바에서는 상속의 횟수에 제한을 두지 않는다 | 자바에서는 계층 구조의 최상위에 java.lang.Object 클래스가 있다 슈퍼 클래스 멤버에 접근하는 클래스 종류 슈퍼 클래스 멤버의 접근 지정자 private 디폴트 protected public 같은 패키지에 있는 클래스 X O O O 다른 패키지에 있는 클래스 X X X O 같은 패키지에 있는 서브 클래스 X O O O 다른 패키지에 있는 서브 클래스 X X O O 업캐스팅과 instanc..

프로그래밍 언어/JAVA 2022. 12. 30. [NO.3] 클래스와 객체 객체지향언어(Object Oriented Language)란? JAVA = 객체 지향 언어 절차 지향 언어 : 실행하고자 하는 절차를 정하고, 이 절차대로 프로그래밍하는 방법 (목적을 달성하기 위한 일의 흐름에 중점을 둠) 객체 지향 언어 : 실제 세상에 가깝게 모델링하여 실제 세상의 물체를 객체로 표현하고, 객체들의 관계, 상호 작용을 설계한 뒤, 각 객체를 클래스로 작성하는 듯 객체를 만들고 프로그래밍하는 방법 객체지향언어의 특징 캡슐화 (Encapsulation) 객체를 캡슐로 감싸서 내부를 보호하고 볼 수 없게 하는 것으로 객체의 가장 본질적인 특성 상속 (Inheritance) 자식 클래스가 부모 클래스의 속성을 물려받고 기능을 추가하여 확장(extends)하는 개념 (부모 클래스 = 슈퍼 클래..

[NO.2] 반복문과 배열 그리고 예외 처리

프로그래밍 언어/JAVA 2022. 12. 29. [NO.2] 반복문과 배열 그리고 예외 처리 반복문 for 문 → for(초기문; 조건식; 반복 후 작업) while 문 → while(조건식) do-while 문 → do { } while(조건식); while문과 do-while문의 차이 ▶ while문은 시작부터 조건식을 검사 O, BUT do-while문은 맨 처음 실행은 조건문을 검사 X → 즉, do-while은 조건에 일치하지 않아도 한번은 실행된다. int sum1 = 0; for(int i=0;i

이전 1 2 다음

티스토리툴바