전체 글

[Node.js][express] ejs로 서버에서 받은 JSON 데이터 보여주기

가끔 간단하게 Node.js에서 화면이 보여져야 하는 경우가 있는데, 단순히 화면을 보여주기만 하는거라면 html 을 사용하면 된다. 하지만 node.js에서 구축한 서버에서 데이터를 받아 바로 뿌려주고 싶은 경우, 데이터에 따라 html이 동적으로 변하게 해야하는 경우에는 ejs, pug 등의 view engine을 이용하면 node.js에서 보낸 데이터를 보여주거나, html에서 반복문을 이용하는 등의 구현이 가능하다. 처음에는 pug를 더 선호했는데, html과 같지 않다보니 매번 찾거나 익숙해져야 사용이 편한 것 같다. ejs의 경우 html 문법에서, 일부만 ejs 로 대체하면 되기 때문에 훨씬 빠르게 적용할 수 있어서 더 선호하는 편이다! ejs 설정 먼저, node + express 환경이 ..

[MacOS] nvm 설치, 환경변수 설정 (zsh)

최근 업데이트 일시 (2024.02.05) nvm을 설치하고, 환경변수를 설정하여 터미널에서 사용할 수 있는 방법을 정리해보았다. nvm 설치 homebrew를 이용해서 설치해준다 brew install nvm 환경변수 설정 zsh 인 경우 ~/.zshrc 파일을 새로 만들거나, 수정해주어야한다. vi ~/.zshrc # 또는 ~./profile 을 통해 zshrc 설정 파일에 들어가서 export NVM_DIR="$HOME/.nvm" [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \. "/opt/homebrew/opt/nvm/nvm.sh" # This loads nvm [ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && ..

[MacOS] Homebrew 설치 후 환경변수 설정

노트북 초기화 후 homebrew를 설치했는데, 설치 후 새 터미널을 열어서 brew 명령어를 입력하면 먹히지 않았다. 해결 export PATH=$PATH:/opt/homebrew/bin

[Git] Git 사용자 변경/설정

다른 노트북을 사용하다가 오랜만에 새로 깃허브 이메일과 유저네임을 컴퓨터에 등록 해야했다 git config --global user.name "username" git config --global user.email "user@email.com" 위 명령어에 username, useremail에는 본인 깃 계정을 적어주면 된다

[Mysql] 현재 날짜 기준으로 특정기간만 가져오기

최근본 물품 API 구현 중, 최근 6개월에 대해서만 조회를 해야했다. TIMESTAMPDIFF를 이용하면 두 날짜의 차이를 계산할 수 있다 TIMESTAMPDIFF(MONTH , now(), '컬럼')>-6; WHERE 절에 위 코드를 추가해주면 된다, '컬럼' 위치에는 특정 날짜 컬럼이나, 구체적인 날짜가 들어가면 된다 MONTH대신 YEAR, DAY, WEEK, HOUR 등 단위변경도 가능하다 날짜까지 아직 남은 경우는 양수로 출력되고, 해당날짜가 지난 경우는 음수로 출력된다 예제) TIMESTAMPDIFF(WEEK , now(), createdAt)>-10; TIMESTAMPDIFF(WEEK , now(), '2021-04-03')

[Android][Kotlin] ViewBinding 사용하기

기존에 findViewById로 사용하던 것은 속도도 느리고, NullPointException(?맞나) 이 생길 수도 있는 문제가 있었다 그리고 매번 id를 확인해야해서 귀찮았다ㅜㅜ ViewBinding은 레이아웃 생성시 ViewBinding 관련 클래스가 내부에 자동생성되어, 생성한 객체로 해당 레이아웃의 위젯에 접근을 할 수 있다! 설정 build.gradle (app) android { buildFeatures { viewBinding = true } } 이제 ViewBinding을 사용할 수 있게 되었다! 레이아웃 생성시 마다 레이아웃 이름 + Binding 이라는 이름을 갖는 ViewBinding 클래스가 생기는 것임을 기억하자 이제 코드에서 사용해보자 예제 activity_main.xml M..

[Android] 타이틀바 없애기

처음에 프로젝트를 생성하게 되면 실행 시 타이틀바가 기본적으로 붙어있다. 내 스타일은 아니라 없애주겠다! 없어졌다! res/values/styles.xml name = AppTheme으로 설정해주고 parent를 NoActionBar로 해주었다 이제 manifest에서 적용해주면 된다 생성한 Apptheme을 theme으로 적용시켜주었다~!

[Android] 비밀번호 입력창 만들기

웹에서는 input type="password" 로 자주사용했었는데 안드로이드에서 로그인화면은 처음해봐서 EditText 비밀번호 속성도 처음 사용해봤다! 역시나 간단 android:inputType="textPassword" EditText에 위 속성을 추가해주면 된다

[Android] EditText에 border 만들기 (TextView, Button도 가능)

네이버 로그인화면을 보고 로그인창을 만들어보다가 border를 씌우고 싶은데 속성엔 없는 듯 했다 @drawable/box_border.xml drawable에 위와 같은 xml을 생성하고 border를 적용하고싶은 위젯에 background로 넣어주면 된다! 아이디, 비밀번호 EditText에 대해 border를 설정해준 모습이다

[Android] lombok 사용 (getter, setter, constructor 자동생성)

스프링에서 lombok을 썼었는데, 안드로이드를 java로 하게되면서 getter, setter, constructor을 안드로이드 스튜디오에서 Generate를 이용하여 한줄씩 생성하다가 답답해서 lombok있나 찾아보니 있었다! 완전 편함 ^^ File - Setting - Plugins OR Android Studio - Preferences - Plugins 에 들어가서 lombok을 검색하고 설치 build.gradle (app) dependencies { compileOnly 'org.projectlombok:lombok:1.18.16' annotationProcessor 'org.projectlombok:lombok:1.18.16' } 설정 끝! 이제 사용하면 된다 이렇게 사용을 원하는 클래..