참고 : 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 01. View 환경설정 static/index.html Hello hello static/index.html을 올려두면 Welcom Page 기능을 제공한다. 없으면 자체적으로 가지고 있는 index.html을 찾아서 반환한다. Controller java/hello/hellospring/controller package hello.hellospring.controller; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMap..

참고 : 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 00. 스프링 개발 환경 세팅 JAVA version : 11 (https://jdk.java.net/java-se-ri/11) IDE : IntelliJ(https://www.jetbrains.com/ko-kr/idea/download/#section=windows) 처음에 File-Project Structure-Project를 보면 SDK가 없다고 뜬다. (나만 그럴 수 있다.) 설치한 JAVA를 넣어주면 된다. Build and run using & Run tests using을 IntelliJ IDEA로 바꿔주고, Gradle JVM을 위에서 설정한 SDK랑 맞춰준다. Spring initializr : https..

https://www.kbsccoding.com/ KBSC 국민과 함께 세상을 바꿔나갈! 환경 · 사회공헌 관련 창의적 아이디어와 SW개발능력을 지닌 고등 · 대학생을 위한 제5회 KB국민은행 소프트웨어 경진대회가 시작됩니다. KBSC2022에서 여러분의 능 www.kbsccoding.com 국민은행 소프트웨어 경진대회 정리할 것. 1. 소셜로그인 (Back) 2. 팔로우, 좋아요(찜), 차단기능 (Back) 3. 유저 정보 수정 (Back + Front) 4. MyPage (Front) 5. 프론트에서 백으로 사진 넘기기 (Front + Back) 6. 이메일 인증 구현 (Back)

이번에 경진대회를 나가게 되면서 React를 공부하고 이걸로 프로젝트를 하기로 했다. 수업을 듣다보니 저번 아이디어톤 때 구현 못한 부분을 React를 통해서 구현하면 거의 다 해결될 것 같다는 느낌을 받았다. 시간이 남으면 React로 바꿔보는 작업을 해봐야겠다. React를 써서 웹사이트를 구성하려면 DRF(Django Rest Framework)를 이용해야한다고 한다. 그냥 html, css 만들어서 장고로 배포하는 거랑은 좀 다르다고 한다. 일단 React가 어떻게 동작하는지는 알았으니 프로젝트 하면서 DRF도 공부해야겠다.

https://www.youtube.com/watch?v=OZPRKFqPWG4&list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7&index=10 이제 C R U D의 마지막 D. Delete 차례다. Delete는 링크로 구성하면 안되므로 button으로 구현을 한다. contextControl = { event.preventDefault(); setMode('UPDATE'); }}>Update { const newTopics = [] for(let i=0; topics.length; i++) { if(topics[i].id !== id){ newTopics.push(topics[i]); } } setTopics(newTopics); setMode('WELCOME'); }} /> 조..

https://www.youtube.com/watch?v=bW_WOrYzVWw&list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7&index=9 C R U D에서 U를 구현할 시간이다. U는 C와 R을 합친 것이다. 그래서 C와 R코드를 참조하면 쉽게 만들 수 있다. 일단 update 링크를 'READ' 모드일 때 나타나게 한다. eles if (mode === 'READ') //... contextControl = { event.preventDefault(); setMode('UPDATE'); }}>Update //... { event.preventDefault(); setMode('CREATE'); }}>Create {contextControl} mode가 'UPDATE'일 때 동..