JS언어 기본 문법1.변수 설정 3가지 <같은 이름으로 변수 여러번 선언가능>1)var로 변수 선언var myVar = "Hello World";console.log(myVar); // "Hello World"\-> 같은 이름으로 변수 여러번 선언 시 오류 발생x
강의를 들으면서 블로그에 정리하는 법에 대해 고민하다가... 기초문법은 어차피 따라해보며 익히는 것이니 스크린샷을 남기기로 했다. vs코드의 확장파일 codesnap을 설치하면 스크린샷하기도 완전 간단하다!\*스크린샷 방법: 캡쳐할 코드 영역 드래그 -> 오른쪽 마우스
오늘은 JavaScript 문법 종합반 1주차 1-9부터 1-11까지 완료하였다. 1-9.조건문1-10.조건문 중첩 1-11.객체 업로드중..코드를 입력하는데 익숙하지 않아 오류가 자주 난다. 주로 ;가 빠지거나 :로 입력되거나 {}중 하나가 빠지는 등등... 손으로
오늘의 진도1-12부터 1-15까지1-12&13(배열)1-14(FOR문)1-15(break continue)숙제 및 기초문법 익히기는 진행 중이다. 사실 숙제에서 두 시간 넘게 계속 고민하다가 그냥 정답을 보고 납득하기로 했다. 강의에서는 예문으로 주로 숫자와 관련된
이노베이션 캠프 워밍업을 시작하며 난생 처음으로 블로그를 썼다. 그리고 오늘 TIL특강을 통해 깨달았다. 내 블로그는 문제가 있다는 것을.😱반짝 예쁘게 꾸미기(frontend 개발자는 OK👍) 통째로 붙여놓은 코드 =>내가 한 방식!감성적인 글 넣기 강의 노트 복
오늘 JS문법 종합반 2주차까지 풀고 나서 숙제로 나온 문제풀이를 🔎
이름을 변경하는 함수,'changeName'을 정의입력값: 변경하는 대상 user객체, 변경고자 하는 이름출력값: 새로운 user 객체 특징: 객체의 프로퍼티(속성)에 접근해서 이름을 변경함->가변user2 변수에 할당한 정도가 user1에 영향을 주어 원하던 값이 나
TIL 열심히 할 기력이 없다. 대신에 내가 참고할 내용을 정리함. 📌CSS기초 > 간격 margin: 바깥여백에 관여 margin: 30px 0px 0px 0px;(위->오른쪽->아래->왼 순서로 여백지정, 시계방향으로 이해) padding:안쪽여백에 관여
🌟우당탕탕 첫 웹 배포 >오늘은 미니 프로젝트 완료 후 쉬는 날! 이었지만... 나는 입학시험을 망했었기 때문에 재시험을 위해 게더타운에 방문했다. 입학시험을 칠때는 코드를 짜다 시간을 초과했었지만, 오늘은 달랐다. 토요일 오전 11시 내 코드는 완벽하게 작동했다.
📌Live share 이번에 페어프로그래밍 과제를 받고 처음으로 Live share의 존재를 알게 되었다. vs-code 확장 프로그램 중 하나인데 사용방법은 간단하다. 일단 vs 코드에서 Live share를 설치한다. 1.참여방법 우선 사용하기 위해서는 로그인을
나는 검색해서 process.stdout.write()를 사용했는데 repeat()를 사용해도 같은 결과가 나온다. 문자열 합칠때 +연산자를 사용하는데 +=를 사용해도 같은 결과가 나오기 때문에 코드를 깔끔하게 합칠 수 있다. 참고사이트\[JavaScript] 문자열
📌이스케이프 문자란? 문자열 내에서 특수문자를 문자열 그대로 표시할 수 있게 해주는 방법. 역슬래시(\\)를 사용하면 문자열 내에 따옴표, 역슬래시 줄바꿈 등과 같은 문자를 문자열 그대로 사용할 수 있다. 그대로 출력하고 싶은 출력문자 앞에 \를 붙여 입력하면 출력가
📌문제 풀이 중 알게 된 것 1.가운데 문자 출력하기 >[문제설명] 단어 s의 가운데 글자를 반환하는 함수, solution을 만들어야함. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됨. 나는 이 문제를 처음엔 이렇게 풀었다. 그런데 이렇게 하니 출력자체는
📌음양 더하기 문제 >[문제설명] 어떤 정수들이 있습니다. 이 정수들의 절댓값을 차례대로 담은 정수 배열 absolutes와 이 정수들의 부호를 차례대로 담은 불리언 배열 signs가 매개변수로 주어집니다. 실제 정수들의 합을 구하여 return 하도록 solutio
이번 주는 알고리즘 문제를 주로 풀었던 한 주였다. 최원장님의 JS문법 종합반은 워밍업 기간동안 열심히 듣다가 이번주에 3주차부터 다시 듣기 시작했는데 이론은 역시 괴로웠다.🤮🤮 이번 한 주 내가 한 것들은 아래와 같다 JS문법 종합반 3주차 듣기프로그래머스 알고리
📌내가 이노베이션 캠프에 시작하게 된 계기 2023년 1월 1일, 나는 자유의 몸이 되었다. 그냥 퇴사한 자유로운 도비가 됐다는 뜻이다. 그렇게 3개월동안 달콤한 백수생활을 지내고 나자, 슬슬 고민이 들기 시작했다. "나 뭐먹고 살지...?🤔" 원래 일하던 직
📌알고리즘 문제 풀이 리뷰 1. 최소 직사각형 >[문제설명] 명함 지갑을 만드는 회사에서 지갑의 크기를 정하려고 합니다. 다양한 모양과 크기의 명함들을 모두 수납할 수 있으면서, 작아서 들고 다니기 편한 지갑을 만들어야 합니다. 이러한 요건을 만족하는 지갑을 만들기
문제설명대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수
📌알고리즘 문제 풀기 1.자릿수 더하기 >[문제설명] 자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요. 예를들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다. [제한사항] N의 범위
📌알고리즘 문제풀이 >[문제설명] 우리나라 고유의 윷놀이는 네 개의 윷짝을 던져서 배(0)와 등(1)이 나오는 숫자를 세어 도, 개, 걸, 윷, 모를 결정합니다. 네 개 윷짝을 던져서 나온 각 윷짝의 배 혹은 등 정보가 주어질 때 도(배 1개, 등 3개), 개(배
title.addEventListener("click",handleTitleClick); 시 title.addEventListener("click",handleTitleClick());로 입력하면 바로 실행되어버리니까 꼭 ()는 뺄것! vs코드에서 동일 변수 단축키
이번 주 동안의 회고를 4F를 통해 기록하는 것Fact : 이번주 있었던 일, 내가 한 일Feeling : 나의 감정적인 반응, 느낌Finding : 그 상황으로부터 내가 배운 것, 얻은 것Future : 배운 것을 미래에 어떻게 적용할 것인가그럼 이걸 참고로 회고 시
1) jsconfig.json 파일 root 경로에 만들기!2) 폴더 안에 다음 내용을 작성3) 이후 app.js의 import './App.css';를 import 'App.css'; 변경하고 저장하기. 이러면 오류가 나지만 yarn stop 후 재시작해주면 잘 된다
1.useRef란? > javascript에서 특정 Dom을 선택하는 역할 ex) getElementById, querySelector 특정 DOM에 접근할 때 사용한다. 외부 라이브러리 사용할때 유용하다. 원하는 위치에 ref={} 의 형태로 작성하면 된다. 포커스
이번에 todolist를 완성하고 깃헙에 올리며 이슈란에 피드백을 부탁드렸더니 기술매니저님께서 피드백을 해주셨다. 감사하게도 완전 자세하고 꼼꼼하게 피드백을 해주셔서 내 코드의 부족함을 깨닫게 해주신 듯!! 기술매니저님 완전 좋으신 분인듯✨✨ 내 todolist에서 개
평화롭게 강의를 듣던 중 스타일링 오류에 접어들었을 때 난 한 가지 오류를 만났다. 바로 CSS가 제대로 먹히지 않는 오류! 이것과 관련해서 혼자서도 고쳐보기 위해 style component를 깔았다가... 다시 지웠다가...yarn create로 파일을 다 새로 만
지난 금요일, 전직 삼성전자에서 SDS,네이버에 입사했던 강사님께 개발자로써 연봉을 올리기 위해서는 어떤 것이 중요한 지 강의해주셨다.나 자신이 뭘 아는지 아는 것이 제일 중요하다. 그렇기 때문에 TIL,WIL을 꾸준히 쓰며 메타인지 능력을 키워야함 직장에서 메타인지력
이번주도 정신없이 일주일이 지나갔다. 정말 리액트에 대한 베이스가 단 1도 없는 상태에서 시작했다보니 새로운 지식을 마구 쑤셔넣은 느낌... 지난 주 내가 세웠던 목표와 달성률은 이렇다. 리액트 주차 과제를 진도에 맞춰 수행하기=>성공!리액트 입문주차 강의 완강하기=>
useContext-Redux Payload까지... 쭉 나갔다. 이해는 추후에 할 예정이다. HTML <nav> 요소는 문서의 부분 중 현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 구획을 나타낸다. 자주 쓰이는 예제는 메뉴, 목차, 색인이다.HTML
이번 주 동안의 회고를 4F를 통해 기록하는 것Fact : 이번주 있었던 일, 내가 한 일Feeling : 나의 감정적인 반응, 느낌Finding : 그 상황으로부터 내가 배운 것, 얻은 것Future : 배운 것을 미래에 어떻게 적용할 것인가리액트 레벨 2과제 수행했
📌Level 3과제 수행하면서 내용 정리하기 1.React-icons 쓰는 법 둘 중 하나로 설치해주고 import {IconName} from "react-icons/영역";으로 import 한 다음 IconName에 원하는 거 넣으면 됨! ex) import
📌onClick 등의 event시 화살표함수를 사용하는 이유는? 강의에서 들었는데 계속 까먹어서 여기 정리해둔다. 바로 이벤트 핸들러를 작성하는 이유는 함수의 실행 시점과 this 컨텍스트를 제어하기 위해서이다. > 1.실행 시점: 화살표 함수를 사용하면 함수를 정의
처음부터 흐름을 작성해보기 📌참고 >📁src └📁redux 안에 config, modules 폴더 생성 redux: 리덕스와 관련 코드를 모두 모은 코드 ├ 📁config: 리덕스 설정 관련 파일 │ └configStore.js: 중앙 state 관리소인 Sto
원장님 강의를 들으면서 알려주시는 내용들 중에 헷갈릴 것 같은 내용 정리함. form 태그는 버튼을 누르면 새로 고침하는 성질이 있기 때문에로 새로 고침 막아주기.또한 폼 태그 안의 버튼은 submit으로 간주되기 때문에 onClick을 안 넣어주고 form에만 넣어줘
📌WIL을 적기 전 참고하기✍️WIL이란?이번 주 동안의 회고를 4F를 통해 기록하는 것✍️What is 4F?Fact : 이번주 있었던 일, 내가 한 일Feeling : 나의 감정적인 반응, 느낌Finding : 그 상황으로부터 내가 배운 것, 얻은 것Future
📌WIL을 적기 전 참고하기✍️WIL이란?이번 주 동안의 회고를 4F를 통해 기록하는 것✍️What is 4F?Fact : 이번주 있었던 일, 내가 한 일Feeling : 나의 감정적인 반응, 느낌Finding : 그 상황으로부터 내가 배운 것, 얻은 것Future
📌WIL을 적기 전 참고하기 ✍️WIL이란? 이번 주 동안의 회고를 4F를 통해 기록하는 것 ✍️What is 4F? Fact : 이번주 있었던 일, 내가 한 일 Feeling : 나의 감정적인 반응, 느낌 Finding : 그 상황으로부터 내가 배운 것, 얻은 것
📌유저가 채팅방을 벗어날때 unmount 이벤트가 제대로 실행되지 않는 오류 채팅방에서 나갈 시에 발생할 이벤트를 useEffect의 클린업 함수에 넣어 처리하려 했으나 버튼 실행시에만 제대로 동작할 뿐, nav link나 브라우저 새로고침에서는 제대로 동작하지 않는
드디어 3개월간의 여정이 끝이 났다! 수료식이 끝난 후 뭔가 기분이 싱숭생숭하고... 뭔가 '졸업했다'라는 느낌이 드는 건 이상한 걸까? 어쩐지 수료식 이후 맥이 풀려서 12시간 넘게 자다가 늘어져서 놀고...그러다 이렇게 정줄 놓고 놀면 안되겠다, 싶어서 맘을 다