익스랩 - experience laboratory

IT 언어 연구소/JAVA [기본 개념]

java[조건문] - if, else, else if & 예제

목 차 1. 조건문이란? 2. if 조건문 3. if ~ else 조건문 4. if ~ else if ~ else 조건문 1. 조건문이란? 프로그램에서 흐름(flow)를 바꾸는 역할을 하는 제어문의 일종으로 조건에 따라 다른 수행을 하도록 제어해주는 것 예제 boolean result = true; if(result) { System.out.println("실행 1"); } else { System.out.println("실행 2"); } 위의 코드는 가장 기본적인 if ~ else 조건문입니다. result라는 변수가 true인지에 따라 "실행 1"을 출력할 것인지 "실행 2"를 출력할 것인지 선택지를 분할함으로써 조금 더 간결하고, 가독성 좋은 코드를 만들어줍니다. 2. if 조건문이란? "만일(if..

IT 언어 연구소/JAVA [기본 개념]

java[반복문] - for 반복문, for each(=향상된 for 반복문), 무한루프, 주의점 & 예제

목차 1. for 반복문 이란? 2. 일반적인 for 반복문 3. 이중 for 반복문 4. 무한루프 만들기 5. [응용] ArrayList, Array 와 for 반복문(= for each 반복문) 6. 향상된 for 반복문 (= for each 반복문)의 주의점 1. for문이란? 프로그램 작성시, 반복 처리해야 하는 구간에서 사용 예제 int[] arrInt = new int[100] 위의 arrInt라는 배열에 1부터 100까지 숫자를 넣고 싶다. 일일히 손으로 입력하기 번거로울 겁니다. 이때, for 반복문을 사용합니다. 쉽게 말해, 일련의 규칙을 가지고, 쉽게 반복할 수 있도록 도와줍니다. 2. 일반적인 for 반복문? 일반적인 구조 for(초기값; 종료여부; 증감값) 예제 int[] arrIn..

IT 언어 연구소/JS [초급]

프론트 개발 : 클린 코드 작성법(Clean Code)

JavaScript 코드는 어떻게 작성하냐에 따라 다른 개발자가 읽기 쉽고, 재사용 가능하며 리팩토링 가능하게끔 작성하도록 도와줍니다. 이글은 소프트웨어 방법론에 관한 책들 중 Robert C. Martin’s의 책인 Clean Code에 있는 내용을 JavaScript 언어에 적용시켜 적은 글입니다. (이것은 책을 쓴 개발자의 개인적인 의견입니다. 법칙이 아닙니다!) 변수(Variables) 1. 의미있고 발음하기 쉬운 변수 이름을 사용하세요 Bad: const yyyymmdstr = moment().format('YYYY/MM/DD') Good: const currentDate = moment().format('YYYY/MM/DD') 2. 동일한 유형의 변수에 동일한 어휘를 사용하세요 Bad: get..

IT 언어 연구소/React Native [실습, 예제, 스크랩]

[React Native] 인스타그램 UI 만들기 #4

리액트 네이티브(React Native)로 인스타그램 UI를 구현하는 네 번째 강의입니다. 이번에는 프로필 화면을 구현합니다. 이 포스팅은 아래 무료 동영상 강의를 참고하여 작성하였습니다. 상단바 수정하기 탭 화면마다 상단바가 다르기 때문에 수정해야합니다. 현재는 모든 탭 화면에서 같은 상단바가 보입니다. 먼저 ./Components/MainScreen.js 파일을 수정합니다. navigationOptions의 header에 null 을 입력합니다. export default class MainScreen extends Component { static navigationOptions = { header: null } // (...) 그다음 ./Components/AppTabNavigator/HomeTa..

IT 언어 연구소/React Native [실습, 예제, 스크랩]

[React Native] 인스타그램 UI 만들기 #3

리액트 네이티브(React Native)로 인스타그램 UI를 구현하는 세 번째 강의입니다. 이번에는 홈 화면에 스토리 헤더를 구현합니다. 이 포스팅은 아래 무료 동영상 강의를 참고하여 작성하였습니다. 인스타그램 UI 코딩 동영상 강의는 총 5편입니다. 이제 앞으로 2편 남았네요. 이번 강의 내용은 저번보다 조금 짧습니다. ㅎ 스토리 헤더 만들기 ./Components/AppTabNavigator/HomeTab.js 파일을 수정합니다. 그리고 피드 목록 바로 위에 스토리 헤더 영역을 구현합니다. 먼저 스토리 헤더 영역 위치를 잡기 위해 기본 컴포넌트를 사용하여 구현합니다. 그리고 앱을 실행하여 확인해보겠습니다. export default class HomeTab extends Component { rend..

IT 언어 연구소/React Native [실습, 예제, 스크랩]

[React Native] 인스타그램 UI 만들기 #2

리액트 네이티브(React Native)로 인스타그램 UI를 구현하는 두 번째 강의입니다. 이번에는 홈 화면에 피드 목록을 구현합니다. 이 포스팅은 아래 무료 동영상 강의를 참고하여 작성하였습니다. _ CardComponent 만들기 Components 폴더 아래에 CardComponent.js 파일을 생성합니다. CardComponent는 우리가 앞으로 구현할 피드 목록에서 피드 항목 하나를 담당하게 될 컴포넌트입니다. import React, { Component } from 'react'; import { View, Image, Text, StyleSheet } from 'react-native'; export default class CardCompnent extends Component{ ren..