# camelCase

19개의 포스트
post-thumbnail

위젯명 작성하기

이번에 컴포넌트 코드를 짜려하는데 위젯명을 어떻게 짜야할지 고민했다. 그러던 중 저번에 프로잭트를 진행하던 중 Code Convention 이라는 키워드를 들은 것 같다. > 코드 컨밴션이란 내가 작성한 코드를 다른사람들도 쉽게 이해할 수 있게 가독성 있는 코드를 작성하는법에 대한 규칙이다. 이름 짓기 그래서 이번에 위젯명과 파일명을 코드 컨밴션 형태로 작성하고자한다. 내가 작성하고자 하는 컴포넌트는 이러한 형태이다. 이 컴포넌트는 사각형이며 Title (: 명령어), ColumnList(: 게임모드 , 전투 및

2023년 8월 21일
·
0개의 댓글
·

[convention] Naming Rules

1. camelCase 첫 단어를 제외한 나머지 단어의 첫 문자마다 대문자로 표현한다. 가장 많이 사용하는 방법이다. (convention) 2. PascalCase 모든 단어의 첫 문자만 대문자로 표현한다. 3. kebab-case 모두 소문자로 표현한다. 단어와 단어 사이는 대시(-)를 이용하여 구분한다. 스프링의 yml 파일이나 url주소에서 사용된다. 4. SNAKE_CASE 모두 소문자 또는 모두 대문자로 표현한다. 단어와 단어 사이는 언더스코어(_) 를 이용하여 구분한다. 주로 상수를 선언할 때 사용된다.

2023년 8월 7일
·
0개의 댓글
·

230801 개발일지

애플 운영체제 iOS 개요에 대한 스파르타 강의 수강 네이밍 컨벤션 (CamelCase) UpperCamelCase(모두 대문자) Class Structure Enumeration Extension Protocol lowerCamelCase (첫글자만 소문자) Variable(var/변수) Constant(let/상수) Function Property Parameter 위 사항을 지켜야 현업에 혼동 없음 ! 카멜케이스 사용방식이 나뉘는건 처음 알았음

2023년 8월 1일
·
0개의 댓글
·

Kotlin: 표기법

CamelCase 소문자로 시작 명사 혹은 명사구 단어 조합시 대문자로 시작 변수명 정의 PascalCase 대문자로 시작 명사 혹은 명사구 단어 조합시 대문자로 시작 클래스명 정의

2023년 7월 15일
·
0개의 댓글
·

네이밍 규칙 총정리(camel case, kebab case, pascal case, snake case)

프로그래밍 개발을 할때 변수명이나 클래스명을 만들때 규칙을 정해서 만듭니다. 혼자서 스터디로 하는 프로젝트가 아니라(혼자하더라도 습관을 들이긴 해야합니다.) 다수의 사람들이 같이 일하는 프로젝트면 더 신경써가면서 해야합니다. 두 단어 이상으로 변수명을 작성할때 공백은 작성이 안되고, 클래스때는 의미가 모호 해지기도 합니다. 변수나 클래스명은 누구나 봐도 알아보기 쉽게 작성하는편이 좋기 때문에 생각하면서 작성하는게 좋습니다. 많이 사용하는게 카멜 케이스로 USER LOGIN LOG 같은경우 userLoginLog 이렇게 사용합니다. 카멜(camelCase), 케밥(kebab-case), 파스칼(PascalCase), 스네이크(snake_case) 을 알아봅시다. 1. 카멜식 (Camel case) 낙타 모양에서 따온 방법으로 첫글자는 소문자로 시작, 두번째 단어부터는 대문자로 표현하는 방식으로 많이 사용합니다. **2. 파스칼식 (Pa

2023년 6월 6일
·
0개의 댓글
·
post-thumbnail

snake case value를 camel case로 JSON 직렬화하기 with freezed

Dart에서는 기본적으로 Camel Case를 사용하는데, 서버에 따라서 Snake Case를 직렬화해야하는 경우가 있다. 1. key가 snake case인 경우 : @JsonKey 예를 들어, 서버가 파이썬을 사용한다면 다음과 같이 json데이터가 들어올 것이다. Flutter에서는 freezed나 json_serializable과 같은 패키지를 사용해서 json데이터를 dart객체로 직렬화하게 되는데, freezed를 기준으로 설명하면 다음과 같이 @JsonKey를 사용해 key값의 snake case를 camel case로 변환할 수 있다. 2. value가 snake case인 경우 : @JsonValue 그렇다면 value가 snake case라면 어떻게 변환해야할까? 위에 예시로 든 json 데이터에 다음과 같은 데이터가 추가되었다. 이런 경우에는 @JsonValue를 사용할 수 있다. 예를 들어, user_type을

2023년 1월 19일
·
0개의 댓글
·

Mapper - config

MyBatis 설정을 한다. > 1. 전통적인 DB 컬럼 형태인 USER_NM을 CamelCase 형태인 자바 프로퍼티명 userNm과 매핑한다. > 2. 파라미터에 Null 값이 있을 경우 에러로 처리한다. > 3. VO의 풀네임이 패키지명을 포함하면 길어지므로 별칭으로 설정할 수 있다.

2022년 10월 26일
·
0개의 댓글
·

Mybatis Configuration Intercepter(2)_Columns name to Camelcase

보통 DB table을 작성할때 column명에 대문자와 언더바(\_)를 한 형태로 작업을 많이한다. PHOTONUM, PHOTOPROFILE, USERID, GROUPAUTH 이렇게 만들어진 테이블 컬럼은 JAVA에서 불러와서 쓸때 복잡해질 수 있다. 보통 JAVA는 CamelCase형태를 사용한다. 변수에 처음엔 소문자로 시작해, 두번째 단어에 첫글자를 대문자로 작성하는 방식이다. photoNum, photoProfile, userId, groupAuth 그럼 일일히 sql문을 요청한자료를 map.put에 넣어서 쓰기에도 엄청 번거로운 작업이된다. 그렇다고 그냥 가져다 쓸려고 하면, 정해진 약속을 어기는 셈이라 다른 개발자들하고 소통에 문제가 생길 수도 있다. 이럴때 Mybatis Intercepter를 이용하여 결과를 얻기 전 Camelcase type으로 변경해주면 좋을 것이다. 이전 포스트에 Intercepter에 대한 설명이

2022년 10월 23일
·
1개의 댓글
·
post-thumbnail

[JPA & Hibernate Naming Strategy] CamelCase -> 'SNAKE_CASE & 대문자' 만들기

기본전략 physicalnamingstrategy > org.springframework.boot.orm.jpa.hibernate.SpringPhysicalNamingStrategy Spring에서 제공하는 CamelCaseToUnderscoresNamingStrategy (기존: SpringPhysicalNamingStrategy) 전략 CamelCase를 snake_case로 변경 한다. 모든 문자를 소문자로 변경 한다. SNAKE_CASE & 대문자 만들기 Class 만들기 CamelCaseToSnakeAndUpperCaseStrategy.java CamelCaseToUnderscoresNamingStrategy class를 상속한다. getIdentifier 함수를 override 한다. toLowerCase() -> toUpperCase()로 변경 적용 하기 변경 전

2022년 8월 24일
·
0개의 댓글
·
post-thumbnail

카멜케이스(CamelCase)

CamelCase 단어가 합쳐진 부분마다, 첫 번째 단어는 대문자를 사용하는 방식 쌍봉낙타의 등과 비슷하다고 생각되어 CamelCase라고 이름이 붙여졌습니다.

2022년 8월 20일
·
0개의 댓글
·

[SpringBoot, mybatis] Dto 변수명과 DB의 컬럼명이 달라 null값이 들어올 때

Java vs DB Java 자바는 일반적으로 변수명에 Camel case 사용 userId DB snake case로 사용 user_id 문제 xml 파일에서 select sql문을 작성하였을 때, java의 Dto 변수명이 해당 DB 컬럼명과 다를 경우 null 값이 출력된다. 하지만 반드시 Dto와 DB네이밍을 일치시킬 필요는 없다. 오히려 java는 언더바(-)사용을 권장하지 않는다고 한다. 3가지 방법이 있다. 사용방법 mybatis-config.xml 파일 설정 이 방법이 보통 내가 프로젝트를 하면 사용하는 방법이다. sql문에 별칭(AS, Alias) 설정 resultMap의 property 설정 적용 Mapper 파일에서 해당 SQL문에 해당하는 resultMap을 사용 참고 https://blog.naver.com/PostView.naver?blogId=pi

2022년 7월 4일
·
0개의 댓글
·

케이스 스타일 : 코딩 명명 표기법

프로그래밍에는 다양한 관습들이 존재한다. 오늘은 그 중 케이스 스타일(case styles)에 대해 소개하는 글이다. 프로그래밍을 할 때, 변수나 클래스 혹은 메소드 명을 지을 때 공백은 주로 지운다. 따라서 공백을 사용하지 않는 해답 중 자주 쓰이게 된 케이스들을 설명한다. > 카멜 케이스(camelCase) 이 방법은 낙타의 모양에서 따온 방법으로, 아래 규칙을 만족한다. 첫번째 단어는 소문자로 시작한다. 두번째 단어는 대문자로 시작한다. 단어와 단어 사이는 붙인다. ex) camelCase, androidStudio 등등 > 케밥 케이스(kebab-case) 모든 단어는 소문자로 시작한다. 단어들 사이는 -(하이픈)으로 연결한다. ex) kebab-case, android-studio 등등 > 스네이크 케이스(snake_case) 모든 단어는 소문자로 시작한다. 단어들 사이는 _(언더바

2022년 6월 21일
·
0개의 댓글
·

camelCase, PascalCase, snake_case, Train_Case, spinal_case에 대해 알아보자

CamelCase CamelCase란 단어가 합쳐진 부분마다 맨 처음 글자를 대문자로 표기. 두 개 이상의 단어가 모인 합성에서 사용 쌍봉낙타의 등과 닮았다고 하여 CamelCase라는 이름이 붙음 ex) userCoin, userProfile, UserId 사실 이 CamelCase는 lowerCamelCase와 UpperCamelCase로 나눌 수 있음 1. lowerCamelCase camelCase에서, 맨 앞글자를 소문자로 표기 나머지 뒤에 따라붙는 단어의 앞글자는 모두 대문자로 표기 ex) userCoin, userProfile, userPassword 2. UpperCamelCase 혹은 PascalCase CamelCase에서, 맨 앞글자를 대문자로 표기 PascalCase라고도 불린다. 나머지 뒤에 따라 붙는 단어들의 앞글자는 모두 대문자로 표기 ex) UserCoin, UserProfile, UserPassword 흔히 **Upp

2022년 3월 4일
·
0개의 댓글
·
post-thumbnail

[CS] React State & Props Day-21

React 함수 컴포넌트 (React Function Component)에서 state hook을 이용하여 state를 정의 및 변경할 수 있습니다. React Component에 props를 전달할 수 있습니다. State란? 살면서 변할 수 있는 값을 뜻합니다. (일반적으로 상태)라고 얘기합니다. 컴포넌트 사용 중 변할 수 있는 값 State hook, useState React에서는 state를 다루는 방법 중 하나로 useState라는 특별한 함수를 제공합니다. useState를 사용하기 위해서는 React로부터 useState를 불러와야 합니다. (import 키워드를 통해) import 후 useState를 컴포넌트 안에서 호출해 줍니다. useState를 호출한다는 것은 "state"라는 변수를 선언하는 것과 같으며, 이 변수의 이름은 아무렇게나 지어도 됩니다. state 변수는 React에 의해 함수가 끝나도 사라지지 않습니다. *

2021년 11월 2일
·
0개의 댓글
·

Java 기초문법-1

변수 데이터가 저장된 메모리, 그 메모리를 가리키는 것 (다른값으로 재할당 됨) 변수의 이름은 맨 첫글자에 숫자나 특수문자가 오지못한다 상수 다른값으로 재할당X. 값이 변하지 않는 것 (앞에 final이라는 키워드 붙음) final (접근제어자) > int (자료형:숫자) 기본자료형 String (자료형:문자) 참조자료형 숫자 short : 2byte로 표현할 수 있는 정수형 자료형 int : 4byte로 표현할 수 있는 정수 long : 8byte로 표현할 수 있는 정수 float : 소수점 표현함 (5.5F;) double : 더 큰범위의 소수점 표현 문자 char : 글자1개만 출력. boolean : true/false byte : 컴퓨터에서 출력되는 모든 데이터 ![](https://images.velog.io/images/aljireh

2021년 10월 28일
·
0개의 댓글
·

Vue props (kebab-case, camelCase)

Camel case > 문자열의 첫 문자를 제외하고 단어의 첫 글자마다 대문자로 표현 Kebab case > 소문자만 사용하며, 단어 사이를 대시(-)로 구분 HTML의 속성은 대소문자를 구별하지 않으므로, Vue에서 컴포넌트를 전달할때 사용하는 props를 주의해야 함 Javascript에서 camel case를 사용하면 HTML에서 받을 땐 kebab case를 사용해야 함

2021년 7월 31일
·
0개의 댓글
·
post-thumbnail

[Mybatis] CamelCase 적용하기

CamelCase? 변수명을 지을때 보통 "_" 공백을 지우고 짓게 되는데, 이때 따르는 관례인 네미잉컨벤션중의 하나다. 단어 전체적으로 소문자를 사용하지만 각 합성어의 첫 글자는 대문자로 표시한다. > 원문 : uppercamelcase 카멜식 : upperCamelCase mapUnderscoreToCamelCase? 보통 DB에 column 이름은 USER_NAME, 자바 프로퍼티명은 userName으로 사용한다. 그렇기 때문에 DB에서 값을 읽어올때 VO와 매핑을 할려면 이런식으로 alias를 주거나, resultMap을 사용하여야 했는데 mybatis-config.xml 파일에 단! 한줄만!

2021년 6월 21일
·
0개의 댓글
·

카멜케이스 , 파스칼케이스, 스네이크케이스 사용법

1.카멜케이스 첫번째 단어는 소문자 두번째단어부터는 대문자 ex => userList, newTodoList 변수명,함수명에 쓰면 좋음 2.파스칼케이스 단어마다 첫번째는 대문자로 ex => UserList, NewTodoList 보통 클래스명에 쓰임 3.스네이크케이스 단어를 _로 나눔 ex => userlist , newtodo_list 보통 파일명에 많이 쓰임

2021년 4월 8일
·
0개의 댓글
·

카멜 케이스, 파스칼 케이스, 스네이크 케이스

이 정리글은 내가 이 때까지 개발을 하며 겪었던 사례들로만 이루어져있다. 따라서 틀린 부분이 있을 수도 있다. 그냥 어떤 케이스가 어떤 모양인지 확인 하는 용도로만 보자. camelCase JS에서 사용시: 파스칼 케이스에 해당되는 경우를 제외한 모든 이름이 여기에 속한다. PascalCase JS에서 사용시: 클래스 및 생성자의 이름에 사용한다. snake_case 파이썬에서 변수 이름을 지을 때 많이 사용한다. kebab-case html 태그에서 사용한다. SCREAMING_CASE 상수 이름 지을 때 사용한다. 모든 언어 공통. Ref https://devopedia.org/naming-conventions

2020년 7월 7일
·
0개의 댓글
·