본문 바로가기

분류 전체보기

 (49)
자바스크립트 이벤트 실행 후 페이지가 reload 되는 현상: button에 type 지정해라.. ✅문제(problem)멋사 과제를 하던 중 당황스러운 일이 발생했다. 버튼에 클릭 이벤트를 걸어주었는데 이벤트가 실행되고 나서 바로 reload 되면서 변경사항이 말짱 도루묵이 된 것이다. 왜 이런걸까?? ✅해결(solving)검색해보니 form 요소 안에 button 이 들어갈 경우, 타입 지정을 따로 해주지 않으면 자동으로 submit으로 설정된다고 한다. button에 타입을 꼭 넣어줘야 하는 것이다!  ✅학습(learn)form 요소 안에 button 이 들어갈 경우, 타입 지정을 button 으로 해주지 않으면 자동으로 submit 으로 지정된다.
멋사 특강 후기 오늘 특강을 무려 세개나 들은 특강데이였다. 헉헉;; 근데 6시까지 했는데 1도 안힘들고 재밌었땅 셋다 알찼다. 나중에도 볼 수 있도록 몇가지 정리해보려고 하는데 개인적으로 제일 흥미로웠던 유준모 대표님 특강은 너무 방대한 내용이라 정리하지 못할 것 같다.. 근데 재밌어서 three.js에 대해서 따로 공부해보고 싶다는 생각이 들었다! 삼콩님 특강 안전한 피드백 (프로젝트 할때 꿀팁!) 1. 피드백의 시각화 글로 한번 정리한 후 피드백을 주게 되면 글을 쓰면서 한번 정제할 수 있어서 상대방 마음 상하지 않게 할 수 있다! 2. 선택권 "제 생각이 아닐수도 있지만~ 추천해드리는 방법이에요~" 라는 식으로 피드백에 관해서 강요가 아니라 받아들여도 되고 안받아들여도 된다는 느낌을 주기! 하나의 제안이라는 인상..
멋쟁이사자처럼 프론트엔드스쿨 3기 8주차 회고 좋았던점 젤 큰 이슈는 소풍! 우리 조원들 뿐만 아니라 다른 조원들과도 직접 마주보며 이야기 나눌 수 있어서 정말 좋았다:)) 나는 낯을 많이 가리는 편인데 오후에 있었던 랜덤조 활동에서도 그러긴 했다 ㅎㅎㅎ 그래도 다들 좋은 분들이셔서 말도 많이 걸어주시고 즐거운 시간을 보냈다 그리고 누군지 말은 안하겠지만 랜덤조 활동때 엄청 귀여운 분을 뵀다ㅎㅎ 내 옆자리셨는데 엄청 쪼꼬맣고 말투도 무해한 분이셨다ㅋㅋㅋ 두번째로 이력서 특강 때 많은 것을 배워갔다! 나는 이력서를 남들이 본다는게 부담이 되고 쓸 내용도 없어서 제출조차 하지 않았는데 제출해주신 분들의 이력서를 보니 다들 너무너무 멋진 이력을 가지고 계셨다. 원희님이 피드백으로 이런저런 것들을 조언해주셔서 많이 배웠다. 아쉬웠던점 아쉬웠던 점 또한 이력..
변수 키워드(var , let, const) 차이에 관하여 1. varvar는 자바스크립트에서 가장 처음에 나온 변수 키워드이다. 스코프를 다루면서 봤듯이 var는 다른 변수키워드와 다른 점이 많은데 그렇기 때문에 치명적인 단점으로 작용할 가능성이 있다. 1.1. 변수 중복 선언 가능var 키워드로 변수를 중복 선언하게 되면 초기화 문(변수선언+할당문)일경우 재할당 되고 선언만 했을 경우 무시된다. 아무런 에러가 발생하지 않는다. 이러한 특징은 의도치 않게 변수 값을 변경할 위험이 있다. var num=10;console.log(num); //10var num=50; //초기화문이기 때문에 var 키워드를 무시하고 재할당하는 것으로 작동된다.console.log(num); //50var num=10;console.log(num); //10var num; //단순..
스코프 1. 스코프란?스코프(scope)는 식별자의 유효범위라고 할 수 있다. 모든 식별자는 사실 어디서나 참조할 수 있는 것이 아니다. 호출할 수 있는 범위가 따로 있다. 이렇게만 말하면 감이 잘 안올테니 예시코드를 살펴보도록 하겠다. var data=10;function my_Data(){var data=1;console.log(data); //1}my_Data();console.log(data); //10위 코드에서는 함수없이 그냥 선언한 변수 data는 1로 출력되고 함수 안에서 선언한 변수 data는 10으로 출력이 되는 것을 확인할 수 있다. 함수 내의 변수는 함수 안에서만 사용이 가능하기 때문이다. 하지만 함수 밖에서 쓰인 변수는 어디서든지 사용이 가능하다. 함수 안에 같은이름의 변수가 선언되어있지..
데이터타입- 원시타입과 객체타입의 차이 : 값에 의한 전달? 참조에 의한 전달? 1. 원시타입과 객체타입자바스크립트의 데이터타입은 크게 원시타입과 객체타입으로 나눌 수 있다. 오늘은 원시타입과 객체타입의 차이점을 살펴볼 것이기 때문에 세부적인 데이터 타입에 대해서는 다루지 않으려고 한다. 1.1. 원시타입숫자(Number), 문자열(String), 불리언(Boolean), undefined, 심벌(symbol), null 로 총 여섯개이다. 1.2. 객체타입객체, 함수, 배열 등이다. 사실 객체는 원시타입을 제외한 모든 것들이다. 따라서 굉장히 큰 범위이나, 대표적으로 언급한 세가지가 있다. 2. 원시타입과 객체타입의 차이점가장 큰 차이점은 값의 변경이 가능한지 여부이다. 원시타입은 '변경불가한 값'이다. 객체타입은 '변경가능한 값'이다.또한 값을 할당할 때, 원시타입은 원시값(실제..
Array에 대한 이해와 메소드 실습(filter, map, forEach, sort) 1. Array란?여러 개의 값을 나열한 인덱스로 찾을 수 있는 자료구조이다. 타언어와는 달리 배열타입이 아닌 객체타입으로 되어있다. 원시타입이 아니기 때문에 값 변경 가능하다.2. 메소드 실습1) filterfilter는 말그대로 조건에 맞게 걸러내는 것이다. find 또한 조건문에 따라 찾아내지만 find는 값을 순회하면서 조건문에 맞는 값을 발견하면 바로 하나만 반환하는 대신 filter는 조건문에 맞는 모든 값을 새로운 배열로 만들어서 반환한다.{'name':'yeongju','age':51,'data':3}]예시코드를 보면 filter안에 들어간 조건을 통해서 myarr안의 3보다 큰 값을 걸러내고 있다. 따라서 [4,5] 가 반환된다.myarr=[{'name':'yeeun','age':23,'..
멋쟁이사자처럼 프론트엔드스쿨 3기 회고(내맘대로 쓰는 4주차 회고) 요즘 글을 통 안올렸는데 오랜만에 회고글을 올린다. 저번주는 멘붕의 연속이었다. 한번 진도를 놓치니까 집중력이 떨어질 뿐더러 복습해야 할 양이 너무 많아졌다. 애초에 한두번 놀러가거나 알바를 하니까 시간관리가 전혀 안되었다ㅠㅠ 울고싶은 심정이었다ㅠㅠ 하지만 주말을 이용해서 최대한 복습하고 과제를 하려고 노력했다. 남은 것들도 많지만 목요일 자바스크립트 들어가기 전에 다 복습을 할 생각이다. 그리고 망한게 그동안 깃허브 쓰는 걸 아예 등한시 했더니 터미널에서 올리는 방법도 잊어버린 것이다.. 에휴.. 이게 제일 중요한데 신경을 안쓰고 있었다. 다른 분들이 열심히 올리신 흔적을 보면서 반성하게 되었고 나도 이제부터는 꼭 열심히 올려야겠다는 생각을 했다. 또한 커피챗 활동을 통해서 많은 분들과 조와 멋사과정에..

티스토리툴바