# front
flutter
ElevatedButton Background Colorhttps://googleflutter.com/flutter-elevated-button-background-color/profile - circleAvatarhttps://youtu.be/x2P
[로그인7]clock 생성 intervals 배우기
시작 전, 폴더와 파일을 정리해주도록 합니다.서로 다른 기능들에 대해서 하나씩 다른 파일로 분리 시켜줍니다.이렇게하면 코드가 더 짧아지게 됩니다.html파일을 보면 greetings.js와 clock.js를 import하고 있습니다.파일 하나로 해도 상관은 없습니다!먼
[로그인6]local storage에 유저정보 유무 확인하기
local storage에서 dukin을 지우고 다시 실행해보기보다시피 local storage에 username이 없으면 null 값을 결과로 받고 있습니다.이게 우리가 원하는 local storage에 유저정보의 유무를 확인하는 것입니다.코드를 작성하고 새로고침을
[로그인5]Local Storage 배우기
localStorage에 뭐가 들어있는지 보고싶다면 개발자도구를 이용하면 됩니다.사진 속에 "응용 프로그램"이 없다면 +버튼을 눌러 찾으면, LocalStorage가 나옵니다.한국어라 로컬 저장소라고 뜨지만 그게 LocalStorage..지금은 LocalStorage가
[로그인5]hidden 요소 배우기
1.HTML 요소 자체를 없애는 것입니다.2.CSS를 이용해서 숨기는 것입니다.CSS에 어떤 요소에게든 이 classname을 주면, 그 요소를 숨기게 됩니다.form class에 hidden을 추가하고 새로고침을 하면,완전히 사라지게 됩니다.일단 나중에 하기위해 cl
[로그인4]링크 연결 anchor 요소
가끔은 뭐가 클릭되었는지, 어디가 클릭되었는지 등 정보를 알고 싶을 때가 있습니다. 그럴 때 JS는 단순히 함수를 실행시키기만 하는 것이 아니라, JS는 함수를 실행시키는 동시에 그 함수에 첫번째 인자로 object를 넣어줍니다. 그리고 이 object에는 방금 일어난
모달창이 부끄러워 숨는다면 어떻게 해야하나
모달 창을 띄우는데 안타깝게도 모달창이 부끄러운지 회색 배경 뒤로 숨는다. 심지어 배경이 제일 위인지 다른 곳을 클릭하면 모달창이 자동으로 꺼지는 것도 안먹는다. 얼마나 부끄러우면 저렇게까지 뒤로 갈까 싶었다.인터넷을 뒤져보다가 z-index의 값을 조절하라고 했다.z
[로그인3]브라우저의 기본동작 막기
지난 시간에 이어서!클릭이 아닌 submit 감지하도록 코드를 작성해보겠습니다.결과를 보면 입력한 값이 콘솔창에 잠깐 떴다가 사라지는 것을 확인해볼 수 있습니다. 이것은 우리가 목표한 것의 50%를 완료한 것입니다!미션1은 form을 submit할 때 입력값을 받아내는
AWS EC2 IP 여러개의 DNS
나는 프론트개발자 이다. 몇 달 전까지만 해도 떳떳하게 프론트개발자라고 말을 하기 어려웠는데 이제서야 당당하게 프론트개발자라고 말을 할 수 있을 것 같다. 전에는 인턴이었기 때문.. ㅎㅎ 그런데 왜!! 지금 나는 왜 서버 배포 담당까지 해야 하는 거지..? 무려 어제오늘 있었던 일이다. 개고생을 하다가 서버 배포의 궁금증이 생겼다. AWS EC2 가상환경...
[로그인2]username 유효성 검사
username 뒤에 .length를 더해주는 것입니다.콘솔에서도 확인해보도록 합시다.string 다음에 .length만 입력해주면 되는 것입니다.(코드 수정..)실행해보겠습니다.그리고 페이지가 새로고침되고, 값이 사라지게 됩니다. 이렇게 되는 이유는 form이 su
[로그인1]input과 value 값
input 생성button 생성이 앱에는 input과 button이 매우 많을 것입니다. input과 button 끌어오기이렇듯 document 또는 하나의 element를 통해서 검색이 가능합니다.이 코드는 onLoginBtnClick()이 실행되면서 loginInp
[자바17]JavaScript와 HTML 9
className을 바꾸는 다른 방법, 그 방법은 classList를 사용하는 방법이다.참고 사이트https://developer.mozilla.org/en-US/docs/Web/API/DOMTokenList 이제 여기서 우리는 classList가 clicke
[자바16]JavaScript와 HTML 8
style 작업에 적합한 도구는 CSS이다.animation에 적합한 도구가 JavaScript이고,css에 h1의 기본색을 파란색으로 해줍니다.active는 색을 토마토로 설정해줍니다.결과는 어제와 동일하게 잘 작동되는 것을 확인해볼 수 있습니다.
NEXT.JS 총정리
CMD8-C8AI 프로젝트는 SEO가 중요한 서비스임. 가능한 한 SEO를 더욱 효과적으로 수행하기 위해, SSG, SSR, CSR을 모두 활용할 수 있도록, CREATE-REACT-APP 기반으로 개발중이던 프로젝트를 NEXT.JS로 마이그레이션 하고자 한다. 이를
[자바15]JavaScript와 HTML 7
참고하실 사이트를 이제 올려드리네요!!위 사이트에는 많은 event들을 찾아볼 수 있고, 많은 정보를 제공하고 있습니다.event listener들을 지우겠습니다.이제는 handle TitleClick function에 초점을 맞출 것이기 때문이죠이 말은 무언가가 tr
[자바9]javascript와 HTML 1
(저번 시간에 이어서)한 개의 = 는 value를 할당하는 것이다.age === 100 는 age가 100이라면? 을 확인하는 것이다.age !== 100 은 age가 100이 아니라면? 이라는 것이다.콘솔에 document를 입력하면 내가 작성한 HTML을 가져올 수
Svelte 구축할 때 경험에 의한 장단점
내가 임시 글에 장황하게 쓰다 말았는데, 원래는 내 경험에 입각하여 소개하려고 했으나, 너무 거품 쩔어서 그냥 간략하게 작성하도록 하겠다. 내 경험에 입각한 의견이 많으니, 크로스체크는 본인에 맡긴다.