첫번째 토이프로젝트 회고 🌝 무엇을 만들어볼까 고민하다가 영어 타자 연습 사이트를 발견하곤 한글 타자 연습 프로그램을 구현해봐야지 ! 란 생각으로무작정 만들었다.결과물의 퀄리티가 낮아도 우선 해보자 싶어서 고민보다 고 🏄혼자 모르는건 검색해보면서 수정하고 jsp,
내가 만든 토이프로젝트를 netlify를 통해 간단히 배포한 후사이트명을 바꾸어 주었었다.그래도 좀 더 깔끔한 도메인을 구매하기 위해 cafe24에서 테스트용이니 가격이 거의 무료인 ! 550원에 구매한 후 netlify에서 등록했던 사이트의 도메인 셋팅에서구매한 도메
이 프로젝트의 목표는 짧게 끝날 수 없는 파워 무한 메모 습관을 가진 사람들을 위한메모장 웹앱 사이트를 구현하는 것이다. (완성된 후에 앱 배포하는 것도 배워보자요 !)프로젝트 이름을 just1madi로 정하게 된 것은 사실 프로젝트 자체는 crud 기능을 하는 일반적
❕ 닉네임 중복 가입 방지
ui 수정\+++memoContent 에서 목록 버튼 컨테이너 내에서 하단 위치 고정 하는 거 알아보기메모 많아질 때 컨테이너 위에 짤리는 거 해결 필요css 공통 부분 정리 / 따로 나누는 부분들 각자 나누고 중복 코드 삭제\++ 추가 발견한 문제 : 로그인 쪽 또

이제 내가 만든 프로젝트를 배포해야 하는데정적인 콘텐츠였던 이전 토이프로젝트는 netlify를 통해 배포할 수 있었다.근데 memoong 프로젝트는 db도 연관된 프로그램이니까다른 방법을 찾아봐야 할 것 같다.검색해보다가 Heroku를 이용한 방법으로 시도해보려고 한다


오늘은 3일차 챌린지 중이다.미션은 내가 할 일을 기록하고 달성 여부를 체크할 수 있는To-Do 리스트 만들기 !자바스크립트를 활용하여 DOM 조작 방법 및 CRUD를 익히는 시간이 될 것 !할 일을 작성할 수 있는 영역이 존재한다.할 일의 우선순위를 지정할 수 있다.

달력을 만들고 좌우 화살표를 누르면 해당하는 월로 넘어간다.일마다 선택이 가능해야 하며, 해당 일을 선택했을 경우 메모장이 노출된다.메모장에는 메모를 입력할 수 있다.메모를 입력한 후 다시 캘린더 화면으로 돌아오면해당 일에 작은 원으로 메모가 있음을 표시한다.메모 기록

❕ 미션 : 미니인턴 서비스 메인 페이지 클론하기html, css를 활용해 메인 페이지 클론 코딩슬라이드는 구현 x, 슬라이드 영역은 이미지로 대체(선택사항) 마우스 호버 시 애니메이션 등 기능 구현클론 코딩은 처음인데 일단 부딪혀보자 !! 작업할 화면 https&#x

플레이그라운드 https://platform.openai.com/playground 접속 플레이그라운드에서는 모드를 선택하여 챗gpt api가 어떻게 동작하는지 ui를 통해 직관적으로 체험할 수 있는 웹 기반 인터페이스이다.you've reached your

챕터 5 node.js로 챗gpt api를 활용하는 방법node.js의 대표적인 백엔드 프레임워크인Express를 통해 api 서버를 구축하는 방법챗GPT API 명세 확인OpenAI 공식 문서 페이지 https://platform.openai.com/docs

챕터 06. 프런트엔드 구현앞 챕터에서 설정한 백엔드와 통신할 수 있는 UI를 구현하는 챕터프런트엔드와 백엔드 서버가 통신할 수 있도록 연결하는 방법챗GPT를 통해 채팅 UI를 구현하는 방법

기능 고도화

서버리스(serverless)란 개발자가 서버를 관리할 필요 없이 애플리케이션을 빌드하고 실행할 수 있도록 하는 클라우드 네이티브 개발 모델을 말한다.서버리스 방식의 장점은 사용자 트래픽이 급증할 경우 서버 대수를 늘리거나성능을 높이는 서버 확장 작업(스케일링)을 알아

n개의 이미지가 슬라이드 될 수 있는 영역 만들기다양한 크기의 이미지를 넣어도 별도 수정 없이 동작이 가능하게 하기슬라이드 양 옆에 화살표 추가화살표를 클릭하면 슬라이드가 작동되게 하기

Home, About, Contact, FAQ 메뉴 존재화면 크기가 일정 비율 이상 줄어들면 각 메뉴는 햄버거 메뉴로 통합통합된 햄버거 메뉴 안에 사이드 바로 Home, About, Contact, FAQ 메뉴가 존재헤더 영역에 네비게이션 바가 있고 크게 3가지 요소가

html, css, javascript로 LOGIN 페이지 구현하기

chat-bot 아이콘 추가 pc모바일 뷰아이폰 se2아이콘이 귀여운데 채팅을 시작하면 채팅컨테이너가 올라감에 따라 이 친구는처음에만 잘 보인다.그치만 채팅이 메인이므로 위치를 수정하다보니 또 이상해져서 일단 이렇게 배치해두고추후에 뭔가 다른 방법으로 넣어볼 수 있으면

추가 업데이트 !! 해보자보완할 사항검색 기능 추가전체 삭제 기능 추가ui 수정수정 끝나고 readme 파일 추가 정리백업하기/코드 정리

드림코딩 샘 영상을 보면서 연습했다.https://www.youtube.com/watch?v=67stn7Pu7s4&t=477s강의에서 활용하시는 자료들MDN Html Elements Reference:https://developer.mozilla.or

스터디 첫번째 과제로 숫자 맞추기 게임을 만들었다.배경 어울리는 걸로 잘 고른 듯 호호만들면서 재밌었고 함수 적용하는 흐름을 익히는 시간이었다.배포 링크 : https://jspractice01.netlify.app앞으로도 빳팅 !!

스터디에서 2번째 과제로 투두리스트 프로젝트를 받았다.이전에 챌린지때 투두리스트 미션이 있었는데챌린지 당시에는 강의를 듣고 하는 게 아닌 미션만 주어진 것이었어서 온전히 이해되면서 한 게 아니었다고 생각하는데이번 기회에는 좀 더 기능에 대한 이해를 할 수 있는 시간이

Application Programming Interface(애플리케이션 프로그램 인터페이스)의 줄임말API의 맥락에서 애플리케이션이라는 단어는 고유한 기능을 가진 모든 소프트웨어를 나타낸다.일종의 소프트웨어 인터페이스이며 다른 종류의 소프트웨어에 서비스를 제공한다.다

오픈 API를 사용한 프로젝트를 하던 중 가장 속썩이는 친구는 CORS였다 .. 분명 전에 했던 프로젝트에서도 CORS에러가 발생했을 때 해결을 했었는데 이번엔 전에 했던 방법대로 다 적용해보아도 해결되지 않았다. 백엔드 서버를 구현해서 시도하면 로컬에서는 cors에

조코딩샘 영상 보면서 만드는 구글 클론 !https://youtu.be/tIC9MfxGOow

파이썬 설치 https://www.python.org/

프로젝트별로 버전을 다르게 사용해야 할 때 사용쓰 가상환경을 생성하기 위해 필요한 라이브러리 venv !venv란?venv 는 Python의 표준 라이브러리 중 하나로, 별도의 패키지나 모듈 환경을 제공하는 가상 환경을 만들기 위해 사용할 수 있다. 즉, 프로젝트마다

내 pc 윈도우 에디션 확인 참고 https://www.lainyzine.com/ko/article/a-complete-guide-to-how-to-install-docker-desktop-on-windows-10/cmd 관리자 모드로 실행 - > wsl --

팀 프로젝트를 gradle로 하게 되어 gradle을 공부할 기회다 싶어서 인강 들으면서 따라 하고 있는데 아직 익숙하진 않지만 점점 나아질 거라 생각하고흐름 이해하면서 듣자요 !!! start.spring.io로 프로젝트 생성하고 실행했을 때 이 화면까지 나오면 프로

( 강의에서는 초기 프로젝트 설정에서 thymeleaf와 spring web만 의존성 추가한 상태 )thymeleaf 는 absolute path를 브라우저에 입력하면 html 파일 자체를 바로 확인할 수 있는 기능도 있음 !!! MVC : Model, View

도메인 패키지 생성 - > Member 클래스 생성 리포지토리 패키지 생성 -> MemberRepository인터페이스 생성 같은 위치에 MemoryRepository 클래스 생성 내용 1내용 2