전체 글

웹 프론트엔드 개발블로그입니다. 대화하고싶으시다면 댓글 혹은 ghdqlsdl9633@gmail.com 이메일주시면 감사히 답변하겠습니다. [GitHub - https://github.com/Hong-been]
·Web Development
다음 영상을 보고 정리하고 살을 조금 붙였습니다. 출처: https://youtu.be/ocGc-AmWSnQ 변수와 호이스팅, TDZ(Temporal Dead Zone) 변수: let, const, var 호이스팅: 스코프 내부 어디서든 변수 선언은 취상위에 선언된 것 처럼 행동한다는 의미이다. let 으로 만든 변수는 다시 선언할 수 없다. 이미 declared되었다는 SyntaxError가 감지된다. let도 호이스팅되지만, 에러가 난다. TDZ 때문이다. let , const는 TDZ의 영향을 받는다. 이 영역에 있는 변수는 사용할 수 없다. 이를 통해, 사람은 코드를 예측 가능하고 잠재적 에러를 줄일 수 있다. var 선언전에 사용할 수 있다. 코드 하단에 var로 선언했더라고, 이미 선언된 것처..
·Web Development
비슷한 상황에서 쓰이지만, 원본의 변경 유무와 반환값이 다르다. let array=[0,1,2,3,4,5,6,7,8,9] slice() array.slice(3,5) 인덱스 3이상 5미만에 해당하는 어레이를 반환한다. 즉, 반환값은 [3,4]이다. 원본 어레이는 변경되지 않는다. splice() array.splice(3,2) 원본 어레이의 인덱스 3부터 2개의 요소를 삭제한다. 원본 어레이가 [0,1,2,5,6,7,8,9]으로 변경된다. 삭제된 어레이 [3,4] 를 반환한다.
·Web Development
클라우드 서버 브라우저가 요청을 하면, 데이터를 주는 등 항상 클라이언트의 요청에 응답할 수 있어야 한다. 컴퓨터가 항상 켜져있어야 하고, 프로그램이 정상적으로 실행되어있어야 한다. 모두가 접근할 수 있는 공개 주소인 IP주소로 접근해야하므로, 내 컴퓨터로 하면 보안에 취약해지고 위험하다. 대부분 클라우드 서비스 AWS(아마존 웹서비스)라는 클라우드 플랫폼을 사용. 서버 세팅하기 filezilla는 파일을 업로드해주는 역할을 한다. ec2에서 db실행하기 전에, 아이디/비밀번호 설정 robo 3T > create> myec2 생성, authorization에서 아이디/비밀번호 설정 init.ec2에 있는 user, pwd 바꿔주고 실행하기 포트번호(:5000)떼고 url 사용하기 = 포트포워딩 http:..
·Web Development
무비스타에 사용된 코드는 깃허브에 올려놨습니다. https://github.com/Hong-been/Sparta/tree/main/moviestart GitHub - Hong-been/Sparta: 스파르타 코딩클럽-웹개발종합반을 들으며 작성한 코드입니다. 스파르타 코딩클럽-웹개발종합반을 들으며 작성한 코드입니다. Contribute to Hong-been/Sparta development by creating an account on GitHub. github.com GET으로 서버에서 데이터요청, 가져오기 서버가 할 일 데이터베이스에서 like 내림차순으로 데이터 보내주기: sort(" ",-1) movie_stars = list(db.mystar.find({},{'_id':False}).sort("..
·Web Development
모든 코드는 깃허브에 올려놨습니다. https://github.com/Hong-been/Sparta/tree/main/alonelemo [ GitHub - Hong-been/Sparta: 스파르타 코딩클럽-웹개발종합반을 들으며 작성한 코드입니다. 스파르타 코딩클럽-웹개발종합반을 들으며 작성한 코드입니다. Contribute to Hong-been/Sparta development by creating an account on GitHub. github.com ](https://github.com/Hong-been/Sparta/tree/main/alonelemo) API 설계대로 뼈대 준비하기 meta태그란? 에 들어가는 태그로 눈에 보이지 않지만 사이트의 속성을 설명해준다. 카톡으로 링크를 보내면, 썸네..
·Web Development
쓰여진 코드는 모두 깃허브에 저장해놓았습니다. https://github.com/Hong-been/Sparta/tree/main/shoppingmall GitHub - Hong-been/Sparta: 스파르타 코딩클럽-웹개발종합반을 들으며 작성한 코드입니다. 스파르타 코딩클럽-웹개발종합반을 들으며 작성한 코드입니다. Contribute to Hong-been/Sparta development by creating an account on GitHub. github.com 원페이지 쇼핑몰 만들기 주문하기 이름, 수량, 주소, 번호를 입력하고 "Order" 버튼을 누른다. 완료 메세지가 뜨고 서버에 입력된 데이터를 저장한다. 완료 메세지 '확인'을 누르면 페이지를 새로고침한다. 주문 보여주기 페이지가 새로고..
RED BEAN
REDBEAN