플레이스토어 병아리게임 출시!!!~~ [많은 이용 부탁드립니다!]

📝JavaScript 기능 브라우저 호환성 체크

 https://caniuse.com/

📝프로젝트 관리

노션

https://notion.so/

Jira

https://www.atlassian.com/ko/software/jira

📝형상관리

Git & GitHub

http://github.com/

📝ERD

Draw.io

https://draw.io/

ERD Cloud

https://www.erdcloud.com/

이미 만들어진 table을 erd cloud에 import할 때 아래 sql을 실행시킨 결과를 붙여넣으면 import가 된다.

show create table best_main_wlist;

📝공공 데이터

공공데이터포털

https://www.data.go.kr/

데이터온

https://dataon.kisti.re.kr/

📝Front 특화 IDE [Visual Studio Code] (HTML, CSS, JavaScript, Nodejs ...)

https://code.visualstudio.com/

📝Front 특화 IDE [WebStorm] (HTML, CSS, JavaScript, Nodejs ...)

https://www.jetbrains.com/webstorm/promo/?source=google&medium=cpc&campaign=APAC_en_KR_WebStorm_Branded&term=webstorm&content=523833970964&gad=1&gclid=CjwKCAiA98WrBhAYEiwA2WvhOgPZzMQaUceNgxbXlBj4HZ7dgiFwsigqZmDlk7scomXqQSUHAmdVAxoCcKMQAvD_BwE

📝Java IDE [이클립스]

https://www.eclipse.org/downloads/

📝Java IDE [IntelliJ]

https://www.jetbrains.com/idea/promo/?source=google&medium=cpc&campaign=9730674179&gclid=CjwKCAiAl-6PBhBCEiwAc2GOVJsThnLxcBfxXn6iagRYXhbawuJyORGWgG4VLL2buGu76Ni-OEJR0BoCpAwQAvD_BwE

📝Python IDE [Pycharm]

https://www.jetbrains.com/ko-kr/pycharm/

📝DB 접속 IDE [DataGrip]

https://www.jetbrains.com/datagrip/?source=google&medium=cpc&campaign=APAC_en_KR_DataGrip_Branded&term=datagrip&content=555122603676&gad=1&gclid=CjwKCAiA98WrBhAYEiwA2WvhOpbgNDe5STSOiRL1Fww-TL1UUCNhe7y9m0kAyhYvLKkert2fIT80QhoCFy4QAvD_BwE

📝리눅스 서버 접속 툴 [MobaXterm] (SSH, FTP, SFTP, Telnet ...)

https://mobaxterm.mobatek.net/

📝iOS개발 IDE [Xcode] (Only Mac)

https://developer.apple.com/kr/xcode/

📝안드로이드 개발 IDE [안드로이드 스튜디오]

https://developer.android.com/studio/install?hl=ko 

📝HTTP 통신 툴 [POST MAN]

https://www.postman.com/

📝문서 편집기 + 소스 코드 편집기 [NotePad++]

https://notepad-plus-plus.org/downloads/

📝Assets

이미지, 스타일 시트, 스크립트, 글꼴, 음악 파일 등과 같은 정적인 자원

📝직렬화(Serialization)

객체나 데이터 구조를 바이트 스트림으로 변환하는 과정을 의미합니다. 이 바이트 스트림은 파일에 저장하거나 네트워크를 통해 전송해 다른 시스템과 통신할 수 있게 한다

📝역직렬화(Deserialization)

직렬화된 바이트 스트림을 다시 객체나 데이터 구조로 변환하는 과정을 의미합니다. 역직렬화를 통해 저장된 데이터나 네트워크를 통해 전송된 데이터를 다시 원래의 객체나 데이터로 복원해 사용한다

📝오픈 그래프(Open Graph)

인터넷 프로토콜의 한 종류로서 2010년에 페이스북이 발표했다

링크 공유 시 해당 웹페이지에 대한 정보를 내가 원하는 형식의 미리보기로 만들어서 공유하기가 가능하게끔 하는 것이다
SEO에 직접적인 영향을 주지는 않는다

하지만 오픈 그래프 태그를 사용했을 때 웹사이트의 사용자 유입, 전환률에 확실한 영향을 준다는 점에서 SEO 못지않은 큰 장점이다

📝사이트맵

크롤링 봇에게 크롤링 가이드를 주는 것

🔗 참고 및 출처

https://velog.io/@sweetpumpkin/Open-Graph-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0

📝Content-Type

Content-Type은 HTTP 헤더의 일종으로, HTTP 메시지의 본문이 어떤 유형의 데이터인지를 나타내는 역할 어떤 데이터 형식으로 인코딩되어 있는지를 정의하며, 이를 통해 수신자(클라이언트 또는 서버)는 데이터를 올바르게 해석하고 처리할 수 있습니다 → Content-Type에 선언되는 MIME-TYPE인 것이다

📝MIME-TYPE

MIME Type은 데이터의 형식을 나타내는 식별자로, 주로 파일 확장자와 연관되어 사용 "text/plain"은 일반 텍스트 데이터를 나타내며, "image/jpeg"는 JPEG 형식의 이미지를 나타냅니다 MIME Type을 사용하여 클라이언트와 서버 간의 데이터 형식을 명시하는 데 사용되는 헤더입니다. 일반적으로 Content-Type 헤더는 MIME Type 정보를 담고 있습니다

📝application/x-www-form-urlencoded

HTML 폼(Form 태그) 데이터를 전송할 때 사용되는 기본적인 Content-Type이다

📝multipart/form-data

파일 데이터와 MIME타입을 같이 전송하는 방법으로 주로 사용되는 유형 → 파일 업로드에 많이 사용

form-data는 텍스트 데이터와 파일(이진데이터)를 모두 포함해서 보낼 수 있다 → <form enctype="multipart/form-data">

📝application/json

JSON 형식의 데이터를 전송할 때 사용

📝text/plain

텍스트 데이터를 전송할 때 사용됩니다. 주로 간단한 문자열이나 텍스트 문서를 전송할 때 활용

📝application/octet-stream

바이너리 데이터를 전송할 때 사용됩니다. 이미지나 동영상과 같은 바이너리 파일을 전송할 때 주로 사용

📝컴파일 에러 (Compile Error)

문법 오류(Syntax error)로 컴파일러가 이해할 수 없는 코드가 있을 때 발생하는데 IDE에서 이를 잡아준다 → 미리 잡아주기 때문에 매우 유용

📝런타임 에러 (Runtime Error)

컴파일은 성공했지만 실행파일을 실행하는 도중 발생되는 오류로 프로그램이 비정상적으로 종료

예) 무한 루프, divide by 0, 존재하지 않는 메모리 위치에 접근을 시도

📝논리 에러 (Logic Error)

컴파일, 실행에 성공했지만 의도하지 않았던 결과가 나오는 경우 알고리즘이 틀리기 때문에 안 나온 것이다 → 디버깅 필요

📝링킹 에러 (Linking Error)

흩어진 소스 코드들을 컴파일한 뒤 각자 연결할 때 어딘가에 선언되어 있는 파일이나 코드가 존재하지 않을 때 발생

예) 함수를 선언만 하고 구현하지 않았을 경우, 선언된 헤더 파일이나 다른 코드 파일이 존재하지 않을 경우(위치, 이름이 잘못됐을 경우)

📝Syntax Error

해당 프로그램 언어의 문법이 올바른가

📝Semantics Error

Semantics은 해당 프로그램 문장이 타당한가? (Out Of Bounds → 인덱스의 범위를 넘어선다.)

🔗 참고 및 출처

https://geukggom.tistory.com/241

📝전체 URL 적용

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class CorsConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
            .allowedOrigins("*") // 모든 origin 허용 (보안상 주의)
            .allowedMethods("GET", "POST", "PUT", "DELETE")
            .allowedHeaders("*");
    }
}

• addMapping
  • 내가 작성한 어떤 라우팅에 대해서 CORS를 허용할 지
• allowedOrigins
  • 어떤 요청자에 대해서 허용시킬 것인지
• allowedMethods
  • 어떤 HTTP 메소드에 대해서 허용할지
• allowedHeaders
  • 어떤 헤더 값에 대해서 허용할지

📝부분 라우팅 적용

@CrossOrigin(origins = "*")
@GetMapping("/next")
public @ResponseBody HashMap<String, Object> next() throws InterruptedException {

	System.out.println("next2 call!!");
	HashMap<String, Object> map = new HashMap<String, Object>();
	map.put("id", "Next 테스트");
	
	Thread.sleep(3000);
	
	return map;
}

• Json 객체 관리
  • https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-databind

• HTTP 통신
  • https://mvnrepository.com/artifact/org.apache.httpcomponents.client5/httpclient5

Enum은 열거형이라는 뜻을 가지고 있다 Enum이라는 타입을 사용할 시 Enum에서 설정한 데이터만 사용할 수 있다 예를 들면 '요일' "월, 화, 수, 목, 금, 토, 일"이 있다 해당 요일 외에 데이터는 받지 않기 때문에 컴파일 에러로 사전에 버그를 잡아낼 수 있다

Enum에 다양한 메소드가 존재한다

📝name()

enum Week {
    MONDAY,
    TUESDAY,
    WEDNESDAY,
    THURSDAY,
    FRIDAY,
    SATURDAY,
    SUNDAY
}



Week week = Week.FRIDAY;

String weekName = week.name();
System.out.println(weekName); // FRIDAY

enum의 값을 String으로 반환해준다

📝예제

import java.util.Arrays;

public enum AreaEnum {

    SEOUL("서울",1),
    INCHEON("인천",2),
    GYEONGGI("경기",31);

    private final String name;
    private final int code;


    AreaEnum(String name, int code) {
        this.name = name;
        this.code = code;
    }

    public String getName() {
        return this.name;
    }

    public int getCode() {
        return this.code;
    }


    public static String getByCode(int code) {
        Arrays.stream(values())
                .filter(area -> area.getCode() == code)
                .findFirst()
                .map(AreaEnum::getName)
                .orElse(null);
    }

}