목록전체 글 (94)

엠마의 개발공부일지

FCM을 활용한 web push기능 구현

스프링 - 리액트 프로젝트에서 웹으로 push알림 보내기 FCM이란? - Firebase Cloud Messaging(알림push요청을 fcm서버로보내면, 해당 토큰을 가진 유저에게 알림발송) - 실시간 알림을 받을 수 있기때문에, 웹사이트에서 활용하기 좋음 - 웹 이외에도 IOS, Android에서도 사용가능(사용방법이 각각 조금씩 다름) FCM을 사용하는 이유? - 비슷한기술로 SSE를 많이 사용하지만, SSE는 단방향통신만 가능하고 FCM은 양방향가능! 추후 확장가능성을 생각할때 - 양방향 기술로 써보고 싶었음. 전체흐름 - FCM은 여러 언어로 구현할 수 있지만, 이 포스팅은 프론트-TS, 백엔드-Springboot기준으로 작성 FE 1. FCM사이트에서 프로젝트를 생성하고, 토큰을 요청한다 2...
Stack/etc 2023. 4. 6. 14:59
Swagger - 프로젝트 문서화 하기

새하얗게 까먹어버렸기때문에 블로그에 박제해 본다 1. Swagger 라이브러리 추가 implementation 'io.springfox:springfox-boot-starter:3.0.0' implementation 'io.springfox:springfox-swagger-ui:3.0.0' 2. application.yml에 설정 추가 => 스프링MVC와 Swagger를 매칭해 주기 위함 spring: mvc: pathmatch: matching-strategy: ant_path_matcher 3. Swagger 설정파일 추가 @Configuration @EnableSwagger2 public class SwaggerConfig { @Bean public Docket api() { return new D..
Stack/Spring & Springboot 2023. 1. 20. 18:56
2022년 회고 : Break time

⛔ 재정비 타임 올해 최고의 사건은 아무래도 퇴사 후 각잡고 공부를 시작한 것이다. 회사다닐때 내가 뭘 알고 뭘 모르는지 정말 모르겠어서 고민이 많았다. 체계적인 공부를 하며 맘껏 질문하고 제대로 공부해보는 시간을 갖고싶었다. 당시 다니던회사에서는 백엔드를 해볼수있는기회가 전혀없었고, 계속 다른방향으로 가던터라 성장의 기회를 잡기어려웠기때문에 지금이라도 공부해서 진짜 내 자리에 찾아가고싶다는 열망이커서 퇴사를했다. 여러 부트캠프를 알아보다가, 시간에급급해 빠르게 밀어붙이기보다는 커리큘럼이 괜찮은 과정을찾아보다가 제로베이스와 함께하게되었다. 6개월의 과정중 현재 4개월을 채운상태이고, 이 순간 드는생각은 '커리큘럼이 진짜 괜찮다는것'. 궁금했던것들이 아주 체계적이고 꼼꼼하게 짜여서 수업영상으로 제공된다. ..
마음의소리/후기 2023. 1. 1. 15:57
thymeleaf수정 시, 서버 재시작하지않고 바로 반영하는 방법

thymeleaf코드만 수정하고나서, 서버 재시작없이 바로 반영하는 방법 1. maven => pom.xml / gradle => build.gradle에 devtools 의존성 추가 compileOnly("org.springframework.boot:spring-boot-devtools") 2. application.yml => spring 설정 아래에 devtools, thymeleaf관련 설정 추가 3. 설정화면(단축키 : ctrl + alt + s) -> build,Execution, Deployment > Compiler > Build project automatically 체크! 4. edit configuration에서 modify options 클릭 후 아래의 두 설정을 선택하여 적용! 5..
Stack/Spring & Springboot 2022. 12. 20. 11:49
배열 | 이차원배열 회전시키기

▶주어진 2차원배열을 시계방향 90도로 회전시킨 결과를 출력하시오 ▶Guide - 그리려고하는 2차원배열의 형태를 머리속으로 그려놓고, 빈 2차원 배열을 만들어준다 - 기존배열을 읽어오는 2중 for문을 사용 - 한줄을 잡아서 어떤 인덱스로 변경되는지 파악해보고, 2중 for문안의 i, j 값을 활용하여 대입해주기 > 전체 배열길이 3과, 내부배열길이 5를 분리해서 생각하고 > 이중 for문을 그대로 만들어준다 > 이 안에서 쓰는 숫자는 i, j 뿐이다 > i, j 로 조합하여 만들어지는 숫자 (r) 하나만 계산하면 끝! > 배열의 90도 회전으로인해 00자리에 있는숫자가, 02자리에 찍혀야 한다 > 여기까지는 i, j값만 잘 매칭하면 되서 수월하다 > 이과정에서 초보는 약간의 수고로움은 있을수밖에 없는..
코딩테스트준비 2022. 12. 8. 00:17
JSP파일에서 JDBC연결이 안될 때

현재상황 > java에서는 db에서 데이터를 잘 가져오지만, jsp파일에서는 아래와 같은 오류가 발생 원인 jsp에서 jdbc연결이 잘 안되는경우, 그 원인으로는 두가지로 추려볼수있습니다 Driver jar파일이 인식안되는경우 경로가 분명하지않아서 인식안되는경우 해결방법 1번의 경우 WEB-INF lib폴더에 본인이 쓰고자 하는 jdbc jar파일을 넣어줌 위의 조치로 안될경우 인텔리제이의 경우 project structure에 libraries와 artifacts에 jdbc jar파일을 추가해줌 위의 조치에도 안될경우 톰캣과 연관이 있을 수 있으니 jre파일 내부에 jar파일을 추가해줌 (톰캣관련해서는 링크참고 - http://aoeldn.tistory.com/entry/oracle-DB%EC%99%8..
Stack/대환장 오류 모음집 2022. 11. 15. 15:35
[오류해결] npm ERR! Missing script: "start" : npm start error

증상 npm create-react-app test 명령어로 새폴더에 리액트 환경을 만들고 나서 IDE에서 npm start 명령어 입력하면 아래와 같은 오류가 뜸 npm ERR! Missing script: "start" npm ERR! npm ERR! Did you mean one of these? npm ERR! npm star # Mark your favorite packages npm ERR! npm stars # View packages marked as favorites npm ERR! npm ERR! To see a list of scripts, run: npm ERR! npm run npm ERR! A complete log of this run can be found in: npm ER..
카테고리 없음 2022. 7. 14. 15:36
[Flexbox]

float - 이미지 / 텍스트를 배치 정렬방식 가로, 세로방향 중심축 설정 flex-direction : row, column, row-reverse 컨텐츠가 가로범위를 넘어가면, 다음줄로 wrapping하는것 flex-wrap : nowrap, wrap-reverse 이 둘을 합친거 👉 flex-flow : row nowrap; 아이템 배치 배치를 가운데, 오른,왼쪽으로 하는것(중심축배치) justify-content : flex-start, center, space-around, space-between 중심축이아닌곳의 배치 align-items : center , baseline(텍스트에맞춰 정렬) justify-content의 중심축아닌축의 간격 및 위치 align-content : center..
Stack/etc 2022. 3. 31. 14:39
Prev 1 2 3 4 ··· 12 Next