일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- javascript
- TypeScript
- EC2
- error
- nodejs
- springboot
- macbook
- Github Actions
- github
- axios
- Jenkins
- linux
- Troubleshooting
- AWS EC2
- Django
- MUI
- RDS
- React
- Java
- deploy
- js
- AWS
- webhook
- python
- fastapi
- docker
- 500
- Spring
- ngrok
- Express
- Today
- Total
목록분류 전체보기 (78)
BEAT A SHOTGUN
ERROR ❌ 🤷♂️? USER 를 REGIST 하려하면 403 ERROR 가 났다. 아니 아직 아무것도 안 만들고 권한이라는 게 없는 USER 에 403 ERROR??? ROLE 은 아직 안 만들었는데? 🙋♂️!! 아하! 나는 Security 를 사용했지 ! 암호화를 위해 BCryptPasswordEncoder 도 사용했지! SOLUTION ✅ // SecurityConfig.java @Configuration @EnableWebSecurity public class SecurityConfig extends WebSecurityConfigurerAdapter { ... @Override ❌ protected void configure(HttpSecurity http) throws Exception{..
ERROR ❌ model 을 만들어 어플리케이션을 실행시키는데 계속 Error executing DDL "alter table post drop foreign key 이런 메세지가 나왔다 해결 ✅ application.properties 의 ❌ spring.jpa.hibernate.ddl-auto=create ✅ spring.jpa.hibernate.ddl-auto=update create → update 끝 매우 쉬운 것.
❌ERROR IntelliJ 에서 Ctrl + 마우스 휠 조작으로 확대/축소가 안된다? ✅ 해결 Setting - Editor - General Mouse Control 에서 체크 ✅ 끝 너무 쉽다
MicroSoft Clarity 다양한 분석을 해주는 MS Clarity 한 번 내 블로그에 등록해보자. 준비물 내 블로그 인터넷 MS 가입은 이제 하면 된다. 구글아이디로도 된다. 시작 MS Clarity 에 들어가 가입한다. 내 주소를 등록 추적코드를 받아 바로 내 블로그 html head 에 붙여넣으면 끝난다.) 하지만 그러면 재미가 없으니 몇 가지 설정을 더 해보자. 프로젝트 설정을 해주자. 사이트 범주 선택. 블로그면 블로그를 선택하자. 구글 분석과 연동해보자. 구글 분석 코드도 내 블로그에 있겠지? 그럼 그 분석과 함께 내 Clarity 대시보드에 표현될 거다. ) 이정도면 우리가 만져야할 설정은 다 만진 것 같다. 나머지는 팀으로 할 때 팀원추가, 분석에 방해되는 ip 차단, 나머지 우리가 ..
ERROR❌ vscode 터미널에서 npm init -y 를 통해 nodejs 프로젝트를 설치하려고 했는데, 'npm'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 라고 나왔다. 설치가 안된거지? 해결✅ 윈도우 검색창에 환경 변수 를 검색 환경변수 클릭 Path - 편집 새로 만들기 C:\Users\내계정\AppData\Roaming\npm\ 입력 후 추가 재부팅 후 vscode 실행 npm init -y 끝 터미널이 powershell 이라서 생기는 문제가 아닙니다. path 가 잘 지정되어 있다면 powershell 에서도 잘 작동합니다.
ERROR ❌ axios.get 를 이용해 DB에 있는 게시글 데이터를 프론트에 출력하려고 했다. 에러 메세지가 표시되는 것은 아니지만 계속해서 함수를 호출하는 지 계속해서 게시글이 console 에 호출되었다. 어? 왜 계속 찍지?? 하지만 생각해보면 내가 아무것도 설정해놓지 않고 get 메서드 만을 적어놓았기 때문에 당연히 페이지가 열려있는 동안에는 계속해서 호출시키는 것 같았다. 절반의 해결 ✅ deps 를 지정하지 않아서 그런 것 같으니 [] 를 useEffect 함수 마지막에 넣어줬다. // FE useEffect(()=>{ const getReplies = async () =>{ const { data: { data: {reply}, }, } = await axios.get('http:..
😡 상황 App.js 에 react-router-dom 을 사용해 페이지를 이동시키고 있다. 그런데 post(게시글) 에는 번호가 부여되고, postDetail 에는 해당 게시글만 보여야 한다. App.js 그래서 App.js 에서 route 하면서 // App.js 이렇게 해서 해당 게시글로 이동하도록 했다. Posts.jsx posts 컴포넌트에서는 나타난 게시글을 클릭했을 때 props 로 postId 를 받도록했다. // Posts.jsx function handlePostDetail(props){ navigate(`/post/${props}`) } PostDetail.jsx 그런데 postDetail 에서는 props를 어떻게 받아야 하는지 모르는 매우매우 심각한 상황이 생김. 클릭된 게시글인 ..
ERROR ❌ // FE const handleReplyDelete(props){ console.log(props.replyId) } ... Delete onClick 이벤트를 넣은 버튼을 눌렀을 때 props 로 넣어준 reply 가 제대로 넘겨주는지 확인하기 위해 console에 replyId 를 출력하는 간단한 이벤트를 발생시켜보았다. 그런데 페이지를 Rendering 할 때 onClick 이벤트가 자동으로 작동된 뒤, 버튼을 눌러도 console 에 replyId 를 찍어주지 않았다. Rendering 할 때 작동 된 뒤로는 버튼이 전혀 반응이 없어서 너무 의아했다. 해결 ✅ {handleReplyDelete(reply)}}>Delete 이렇게 Arrow Function 을 사용해 한 번 더 함수..