정규 표현식? 들어는 봤는데 .. 정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴이다. JavaScript에서 정규 표현식 또한 객체로 RegExp 의 메서드인 exec(), test() 뿐만 아니라 String의 match(), matchAll(), replace(), replaceAll(), search(), split() 메서드도 사용할 수 있다. 정규 표현식 만들기 리터럴 표기법 리터럴 표기법의 매개변수는 따옴표를 사용하지 않고, /pattern/flags의 순서로 작성한다. const reg = /FE-DEV/g; 리터럴 표기법은 표현식을 평가할 때 정규 표현식을 컴파일한다. 반복문 안에서 사용할 정규 표현식을 리터럴 표기법으로 생성하게 되면 정규 표현식을 매번 다시 컴..

😎 오늘의 잘한점 액션 해결하지 못한 과제를 포기하지 않고 해결해 낸 것! 칭찬 풀리지 않는 것이라고 포기한 채로 두지 않았다니 또 한 번 성장했다는 것을 느꼈다. 예전이었다면 주어진 시간 내에 풀지 못해 부족한 사람이라고 자책하고 있었을 텐데 요즘에는 내가 제어하지 못하는 것이 아닌 제어할 수 있는 것에 초점을 두는, 생각의 전환을 할 수 있는 내가 되어 간다는 점이 뿌듯했다😀 ✔️ 오늘의 개선점 문제 풀 수 있는 문제였음에도 제한 시간 내에 문제를 풀지 못하였다. 원인 문제를 파악하고 구현하는 것보다 효율적인 코드를 작성하는 것을 우선순위로 생각하면서 문제를 푸는 시야가 좁아졌다. 액션 플랜 효율적인 코드를 작성하는 것도 물론 중요하지만 100% 완벽한 코드는 없다고 했다. 80-90% 정도의 코드를..

😎 오늘의 잘한점 액션 DOM 클래스를 제어하는 실습 문제를 풀 때 어떻게 하면 코드량을 줄일 수 있을지 고민하여 작성했다. 칭찬 모든 button을 선택해서 이벤트 리스너를 추가하고, 클래스 이름을 추가하는 부분이 반복되는 것을 깨달았다. 따라서 반복문과 slice를 사용해서 코드를 간략하게 만들었고, 수업 시간에 이를 공유했다😀 단순히 코드를 작성하는 것 뿐만 아니라 메서드나 반복문이 사용되는 원리를 알게되니 응용하기가 수월했다. 빨강 노랑 초록 ✔️ 오늘의 개선점 문제 DOM 클래스 제어 실습에서 예외 상황을 처리하지 못했다. 원인 button의 click 이벤트 리스너에 box.classList.toggle("클래스명")을 하게 되면 다른 button을 클릭했을 때 기존의 class명이 남아있게 ..

😎 이번 주의 잘한점 액션 이번 주에 세워놨던 우선 순위에 따라 최대한 해야할 일을 처리하고자 했다. 토이 프로젝트를 리팩토링 하면서 알게된 점 정리하기 칭찬 침대에 눕고 싶을 때가 정말 정말 많았지만, 해야할 일을 하기 위해 계속 앉아있던 점 칭찬해ㅠㅠ 확실히 우선 순위를 정해서 일을 처리해나가니까 못했던 일이 생기더라도 마음의 불편함을 덜 가질 수 있었다. 계획했던 일을 다 하지 못했더라도 자책하지 않고, 어제보다 성장한 내가 됐다는 것에 뿌듯함을 느꼈다는게 가장 포인트인 것 같다! 다른 사람과의 비교보다는 나와의 싸움에서 이겨내야한다. 앞으로도 잘 이겨보자구🔥 ✔️ 이번 주의 개선점 문제 자바스크립트를 생각보다 깊이 있게 알지 못했다😂 원인 단순히 코드를 작성하고 동작시키는데에만 급급했던 것 같다...

😎 오늘의 잘한점 액션 미루고 미뤄왔던 현재 나의 상태와 계획을 점검했다. 칭찬 요즘 우선 순위가 정하기 어려워서 고민하던 중에, 같이 교육을 듣고 있는 멋사 교육생분께 고민을 말씀드렸더니 현재 하고 계시는 방법을 말씀해주셨다! 목표로 하고 있는 내용 혹은 알아야할 키워드를 카테고리 별로 정리한 다음, 우선 순위를 정해서 완료한 것들은 지워나가는 식의 방법을 추천해주셨다. 그래서 주신 의견과 조합하여 노션에 정리해나갔다. 먼저 해야할 일, 과제를 구분해서 작성하고 그 날의 우선 순위를 작성했다. 그리고 현재 계획의 진행도를 보고자 계획 및 목표들을 카테고리 별로 정리하고자 했다. 이렇게 한 눈에 정리하고 보니 새삼 많은 일을 벌여놨구나 싶었다...ㅎㅎ 아직은 초반이라 정리가 어수선하지만 더 세분화 된 내..

😎 오늘의 잘한점 액션 로그인 페이지를 만들 때 조금이라도 시멘틱 마크업에 대해서 고민하면서 짰다! 칭찬 시멘틱 마크업이 많이 헷갈리기도 하고, 무조건 지켜지기 어렵기는 하지만 이전에는 로만 작성했다면 이제는 그 습관을 버리고 구조를 생각하게 됐다 아직 많이 부족하기는 하지만 사용자를 위한 웹을 만들겠다는 꿈에 한 발자국 다가간 것 같아서 좋았다. 앞으로도 더 고민하고, 점검하자 화이팅✊ ✔️ 오늘의 개선점 문제 로그인화면에서 회원가입, 아이디/비밀번호 찾기로 넘어가는 부분을 마크업 할 때 안에 을 써서 구현한 것 원인 링크로 이동하면서 클릭이 된다고 생각하여 안에 을 자식 요소로 하여 마크업 했었다. 와 둘 다 클릭이 되는 요소이기 때문에 Markup Vaildation Error(마크업 유효성 오류)..

😎 오늘의 잘한점 액션 요즘 2:00 - 7:30 에 취침 시간을 가지고 있음에도 책상 앞에 계속해서 앉아 있는 것! 칭찬 물론 늦게 자는 것이 좋은 습관이 아니라는 걸 알고는 있지만.. 바쁜 와중에 목표했던 계획을 실천하고자 늦게 자게 되었다. 그럼에도 최대한 책상에 앉아 있으려고 했고, 쉬어도 책상 앞에서 쉬니까 금방 공부로 돌아올 수 있어서 좋았다. 침대에 눕고 싶은 마음은 굴뚝 같지만,, 잘 참아냈음에 칭찬해! ✔️ 오늘의 개선점 문제 여전히 우선 순위를 세우고, 실천하는데에 우왕좌왕 하는 것 같다. 원인 내가 현재 어떤것이 부족한지 인지하지 못하고 있는 것이 아닐까 싶다. 부족한 점을 알아야 우선적으로 필요한 것이 무엇인지 알 수 있을텐데 .. 아무래도 제대로 된 시각화가 필요할 것 같다. 액션..

😎 오늘의 잘한점 액션 컨디션 관리를 위해 과감히 오늘의 미라클 모닝 스터디는 쉬어가기! 칭찬 무리해서 진행하지 않으니까 오늘 수업 시간에는 집중을 더 잘할 수 있었다. 야간 특강까지 이어져서 집중을 꽤 오래 해야했는데 적절하게 컨디션을 관리해주는 것도 때로는 필요한 것 같다. 짧고 굵게 달리는 것에 빠져서 방향성을 잃지 말자!! ✔️ 오늘의 개선점 문제 스타일을 적용할 때 어떤 코드를 추가적으로 적용해야하는지, 왜 문제가 되는지 파악하기 어려운 것 원인 코드를 작성하면서 구조를 파악하는 습관, 레이아웃을 적용할 때 습관적으로 flex가 튀어나오려는 것 때문에 레이아웃이 머릿속에 정리가 되지 않는 것 같다. 액션 플랜 종찬님의 특강 내용을 다시 한번 정리하면서 천천히 단계별로 코드를 작성하는 습관을 들여..

😎 오늘의 잘한점 액션 컨디션이 좋지 않아서 침대에 바로 누워버리고 싶었지만, 내일의 나를 위해 눕지 않았다. 칭찬 평소에는 몸이 힘들면 쉬고, 내일로 미루기 일쑤였는데 요즘에는 그런 습관을 버리고 있는 것 같아서 뿌듯하다. 내 행동에 책임을 지고 싶었는데 그럴 수 있어서 좋았다. 습관을 버리기란 쉽지 않은 일이지만 조금씩 꾸준히 한다면 결국 목표했던 바를 이뤄낼 수 있지 않을까! ✔️ 오늘의 개선점 문제 이제 3주차 진행중인데 점점 집중력이 떨어지게 된다..🥹 원인 할 일이 많다보니 부수적인 생각들이 많이 들게 된 것 같다. 액션 플랜 처음 지원했을 때의 영상을 보면서 다시 마음을 잡아야할 것 같다. 매일의 회고를 통해 성장을 느끼면 의지를 불태우는 장작이 될 수 있을줄 알았는데 생각보다 꾸준히 지속하..

😎 오늘의 잘한점 액션 회고조의 분위기를 풀어보고자 자습 시간에 회고조 모임 결성🚀 칭찬 꾸준히 아이스 브레이킹을 도전하다니 칭찬해👏 항상 괜찮을까? 싶은 마음으로 시작하지만 회고조원 분들의 높은 참여율과 좋은 의견들을 많이 내주시고, 같이 서먹한 분위기를 깨주려고 하시는 모습에 그래도 못하고 있진 않구나 싶은 마음이 든다! 앞으로도 계속 도전하자👊 ✔️ 오늘의 개선점 문제 수업에 집중을 제대로 하지 못했다. 원인 인터넷 연결이 불안정해 지면서 줌이 계속 꺼지고... 화면이 멈추고 회고조 노션에 기록했던 내용을 지워버렸다😂 액션 플랜 인터넷 점검 후 현재 상황을 체크하자! 만약 해결되지 않는다면 매니저님, 멘토님들과 상의 후 해결해봐야 될 것 같다...ㅎㅎㅠ 💡 오늘의 배운점 배움 잘하는 사람은 이미 그..