바른소리

✅ 기간 : 2022.10.11-2022.10.14 🌟FACT 운동 스터디 (매운멋)에 참여하기 시작했다. 자바스크립트 연습문제를 풀었다. (과제) 정보처리기사 시험을 보러가지 못했다. 프로그래머스 레벨0을 풀기 시작했다. 자바스크립트 스터디에 매일 참여했다. 🍃FEELING 오래가기 위해 체력을 키우고자 스스로 생각해본 것이 좋았다. (사실 그냥 살기위해서 였을지도?ㅎㅎㅎ..) 하지만 건강을 제대로 챙기지 못해 속상했다. 아파서 자격증 시험도 못봤기때문이다. 자바스크립트를 찍먹해봤다고 해서 자만하지 말자. 자스 스터디를 하면서 읽고 이해하는 속도가 느리다보니 스터디 시작 한시간 전부터 미리 교재를 읽었다. 확실히 좀 더 미리 읽고난 후 한번 더 읽으니까 예습이 매우 중요하구나..!를 조금 깨달았다. 확..

css 길이 단위 중 rem과 em은 상대 길이 단위에 속한다. 상대 길이 단위란? 다른 요소 (상위 요소의 font-size 또는 viewport 크기)와 관련이 있는 단위. 텍스트나 다른 요소의 크기들이 페이지의 다른 모든 것에 비례하여 조정되도록 할 수 있다. rem root 요소 기준 (html) 상대적 비율로 설정 em 직계 부모 요소 기준으로 설정 실습 rem : Lorem ipsum dolor sit. em : Lorem ipsum dolor sit. 관련 궁금증 💭 수업 시간 중 미디어 쿼리 구현을 하는데 rem과 em을 사용해 padding 값을 주는 부분이 있었다. 위와 같은 마크업과 css 를 가지고 있는데, 내가 의문이었던 부분은 "왜 a 태그의 padding 값을 em으로 주나요?..

✅ 기간 : 2022.09.26~2022.10.07 안녕하세요 회고에 앞서 한마디 합니다. 부끄럽슴니다,,,,,,,,,,,,,,,,,, 무려 5~6주차 회고를 몰아서 쓰다니 ^^................. 블로그 다 죽네,,,,,,,,,,,,,,,,,,,,,,,,, 🧡 해낸 것 ◾ 캐릭터 만들기 대회 제출 아기다리고 기다리던 캐릭터 만들기 대회!!!!! (사실 기대한 것에 비해 결과물은 형편없어서 아쉬웠음) 팔로우 되어있는 2기 분들이 캐릭터 만들기 대회 올리실 때 얼마나 부럽고 재밌어보이던지..!!! 근데 그걸 내가 했네!!!!!!??? 원래 내 계획은 나를 캐릭터화 하는 것이었다. 나 = 토끼띠 🐰 - 짝눈이다. - 속눈썹이 길다. - 앞니가 토끼이빨이다. - 머리가 크ㄷ.... 아..아무튼 처음..

✅ 기간 : 2022.09.19-09.22 🧡 일주일 간 잘한 점 ◾ 다른사람에게 공부로 도움을 준 것 성격은 거의 걱정봇이지만 남을 도와주고싶은 마음이 큰 나는 언젠가 꼭 공부로 도움을 주고 싶다는 생각을 해왔다. 전공자이지만 그닥 전공자스럽지 못한 실력과 지식에 현타도 왔고 나 하나 건사하기도 힘들정도였기 때문에 남에게 도움을 주고 싶다는 생각을 잠시 접었던 것 같다. 그런데..!!!!!!! 매일 우리 회고팀에서 자체적으로 작성하는 기록노션에서 팀원에게 도움을 드릴 수 있었던 일이 있었다. 심지어 css로..!!!!! 와 세상에 이렇게 뿌듯할 수가 있나?!?!?!? 타인에게 도움을 줄 수 있는 행위는 정말이지 뿌듯하고 기쁘고 최고의 엔돌핀을 만들어내주는 것 같다. 회고팀원들과는 좀 더 가까워졌으니까 ..

✅ 기간 : 2022.09.13-09.16 🧡 일주일 간 잘한 점 ◾ TIL 방식을 대폭 수정한 것! 1~2주차까지만해도 내TIL은 정말 방대했다..ㅋㅋㅋㅋㅋㅋㅋ 그날 배운 내용을 모조리 다 정리하자는 생각이었고 그 결과는 처참했다. 정리한 것이 처참한 것이 아니라 시간분배가 정말 ,, TIL만 쏟아버려서 다른 것을 할 시간이 부족하다는 것이었다. 나는 보통 정규 수업시간 중에 자습시간에 정리를 했는데 2시간이 꼬박걸렸다. 예쁘게 정리해야겠다는 생각은 없었는데 자꾸 예쁘게 정리하는 것에도 신경을 쓰게되니까 진정 복습할 시간이 부족했고 과제 할 시간도 부족했다. 그러다가 TIL 방식을 확 바꿔버리게 되었는데, 그 계기는 우리 팀에서 일종의 문화(?) 덕분이었다. 우리 회고 팀은 매일 배운 것을 각자 노션에..

✅ 기간 : 2022.09.05-09.08 흐헤 3주차에 쓰는 2주차 회고란 ........ 기록을 늦추지 않으려고 기록 스터디에 들어갔는데 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ큐ㅠㅠㅠ 제성합니다................................ 🧡 일주일 간 잘한 점 ◾ 여유있게 일어난 것 저번주에 이어서 여유있게 일어나서 준비하고 따듯한/차가운 물 모두 준비해서 수업을 들었다. ◾ 팀원들과 좀 더 가까워진 것 첫 주에 비해 어색함도 좀 더 풀리고 용기가 생겼다! 코드리뷰도 해보고 회고도 하면서 어색함을 풀었다. 그리고 내 고민도 이야기하고 싶어졌던 주 였다!! 회고시간에 학습 방향에 대해 질문드렸는데 좋은 이야기 해주셔서 감사했다. 더불어서 멋사 디코에 잡담방이 있는데 첫 주에 비해 댓글도 좀 더 잘 달..

✅ 기간 : 2022.08.29-09.04 🧡 일주일 간 잘한 점 ◾ 여유있게 일어난 것 나는 아침형 인간과 저어어어엉말 반대인 사람이다. 최근에는 새벽 3~4시에 자는게 기본이었고 매일 10~12시 사이에 일어났다. 그래서 자다가 늦게 일어나서 지각하면 어쩌나 걱정했는데 일주일 내내 수업 시작 40분 전에 일어나서 여유있게 준비했다! 너무 별거 아닌 듯 싶지만 나 스스로 놀라고 대단하다고 생각했다 ㅎㅎ ◾ 팀원에게 도움이 된 것 아주아주아주 사소하고 별 것도 아닌 일이었지만 회고 팀원분에게 도움을 드릴 수 있었다. 수업 필기가 저장이 안되셨다해서 내가 정리한 TIL 링크를 드렸다. 내가 정리한게 100% 완벽한 건 아니었어서 조금 고민했는데 그래도 도움이 되고 싶었고 내가 멋사에서 자신있게 도움이 되고..

every() 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트하는 메서드 boolean 값을 반환한다. 구문 arr.every(callback[, thisArg]) callback : 각 요소를 시험할 함수. 다음 세 가지 인수를 받는다. currentValue :처리할 현재 요소 index (Optional) :처리할 현재 요소의 인덱스 array (Optional) : some을 호출한 배열 thisArg (Optional) : callback을 실행할 때 this로 사용하는 값 예제 // elemnet : 각 요소들 , index : 현재 요소의 인덱스 , array : some을 호출한 배열 function isBigEnough(element, index, array) { return..

문자열의 각 문자에 접근하는 방법은 숫자 인덱스와 (word[0], word[1], ...) charAt 이(word.charAt(0)) 있다. 알고리즘 문제를 풀면서 이 둘의 차이점에 대해 알게 되었는데 이를 정리해보고자 한다. 문제 (프로그래머스 - JaDenCase 문자열 만들기) https://school.programmers.co.kr/learn/courses/30/lessons/12951# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr const str = "for the last week"; const words = str.split(" ")..

JSX XML과 비슷한 자바스크립트의 확장 문법으로, 리액트에서 생김새를 정의할 때 사용한다. 리액트 컴포넌트 파일에서 XML 형태로 코드를 작성하면 Babel 이라는 도구를 이용해 JSX를 JavaScript로 변환해준다. 기본 규칙 1. 반드시 닫혀야하는 태그 자바스크립트에서는 input, br 태그를 사용할 때 태그를 닫지않고 사용하는 경우가 있다. 하지만 리액트에서는 태그는 반드시 닫혀야 한다. import React from "react"; import Hello from "./Hello"; function App() { return ( {/* 태그와 태그 사이에 내용이 들어가지 않을 때에는 Self Closing 태그 사용 */} {/* 닫는 태그가 없으면 에러 발생 */} ); } expor..