JS 2

[개인블로그] - 글쓰기(Post) 버튼 구현

좌측은 textarea를 통해서 글을 작성하는 영역과 우측에는 적은 내용들을 보여주는 preview의 영역으로 구현했다. velog의 영감을 받아 velog의 글쓰기보다 더 편하게 글을 쓸수있도록 노력했다. 기능1. textarea의 영역에 작성된 내용은 우측의 영역에 markdown의 형식을 HTML화 시켜서 보여주어야한다.2. H1~H4까지의 버튼을 눌렀을 경우 상황에 맞는 # 의 값을 넣어준다. 이때, 사용자가 H1에서 H4로 변화를 주고 싶을 수 있기때문에 조건문을 적용하여 버튼을 누른형식으로 바꿔주도록 한다.3. 굵음, 이텔릭, 취소선은 사용자가 그냥 눌러서 사용하거나, 영역을 정해놓고 버튼을 누를수 있기 때문에 두가지의 경우의 수로 나누어 개발을 한다.4. 인용문의 경우에는 보통 한줄 전체를 ..

HTML/CSS/JavaScript의 기초

프런트엔드로서의 길을 가기 위해 약 한 달 동안을 전전긍긍했다. 해보고 싶은 것도 해보았고, 심지어 타입스크립트도 사용하지 않는 리액트 + 자바스크립트 버전으로 회원가입 및 로그인을 구현해 보았다. 꼴에 백엔드까지 진행해 보려고 JWT까지 구축하여 Spring Boot 서버 개설과 이를 미들웨어 화하였고, 이것을 MySql DB에 저장하여 accessToken과 RefreshToken까지 발급하였다. 이는 To do List를 만들어가는 과정이었다. 와중에 나는 문득 생각이 났다.앞으로 이런 내용들은 죽도록 할 것이다.하지만 기본적인 어쩌면 가장 놓치기 쉬운 것은 무엇일까..이렇게 앞으로 나아간다면 취업, 어쩌면 개발자로서의 올바른 방향인 걸까? 때문에 하던 모든 프로젝트를 내려두고 다시 처음으로 돌아왔..

Front-End 2025.12.11