본문 바로가기

코드스테이츠

(78)
Section2 Unit1 JavaScript 고차 함수 Section2 Unit1 [JavaScript] 고차 함수 📌 Chapter1. 고차 함수 • 자바스크립트에서 함수는 일급 객체로 취급되므로 다른 함수에 전달될 수 있다. 함수는 변수에 할당될 수 있고, 객체 속성으로 저장될 수 있다. • 고차 함수는 함수를 전달인자로 받을 수 있고, 함수를 리턴할 수 있는 함수이다. ↓ 고차함수 개념이 좀 어렵다고 생각이되어 복습하면서 공부한 내용을 정리해보았다. 고차 함수(higher order function)란 무엇일까? 👾 고차함수(higher order function)란? 고차 함수는 ① 함수를 전달인자(argument)로 받을 수 있고, ② 함수를 리턴할 수 있는 함수이다. ✔️ 1. 다른 함수를 인자로 받는 경우 다른 함수(caller)의 전달인 fay..
Section1 회고, 부트캠프를 시작하고 벌써 한 달이 흘렀다. Section1 회고, 부트캠프를 시작하고 벌써 한 달이 흘렀다. Section1을 마무리하며, 이번 챕터에서 학습한 내용을 토대로 기술 면접 준비하기 챕터가 있었다. (오전에는 이력서 작성 방법에 대한 커리어 세션도 있었다.) 기술 면접 대비로 다양한 질문들이 있었고, 이에 대한 답변을 말해보는 시간이었다. 라이브 세션에서 강조했던 부분은, 기술 면접시 첫 한문장을 명확하게 말하자는 것. 오늘의 TIL은 다른 내용은 제외하고 Section1을 마무리해볼까 한다. 코드스테이츠에서 제안한 방법은 KPT를 기반으로 한 회고였고, 처음엔 뭘 써야할지 생각이 딱히 잘 안나서 별 생각없이 작성했었는데 쓰다보니 내가 해야 할 것들이 명확해지는 느낌이 들어서 나름 열심히(?) 생각해서 작성했다. 📌 Keep, P..
Section1 Unit11 솔로 프로젝트, 나만의 아고라스테이츠 만들기 Section1 Unit11 [솔로 프로젝트] 나만의 아고라스테이츠 만들기 ⭐️ 과제. 나만의 아고라스테이츠 만들기 ✔️ 배포링크 → https://sw2377.github.io/fe-sprint-my-agora-states/ ✔️ 배운점: 자바스크립트로 DOM 요소를 생성하고 삭제하는 방법을 배웠고, CSS로 다크 테마를 설정하는 방법을 학습할 수 있었다. ✔️ 어렵거나 아쉬웠던 부분: 페이지네이션 구현하는게 어려워서 구글링으로 찾기는 했는데 정확히 이해가 잘되지 않았다. 그래서 처음에는 페이지 내에서 디스커션 추가/삭제 시 페이지네이션이 업데이트 되지 않는? 오류가 있었다. 😭 ✔️ 앞으로 개선할 부분: 페이지네이션 구현하는 방법을 좀 더 찾아보고, 적용시킬 예정이다. → 현재는 오류 수정했고, 페이..
Section1 Unit11 솔로 프로젝트 전, Git으로 협업하기 Section1 Unit11 솔로 프로젝트 전, Git으로 협업하기 📌 Chapter1. Git으로 협업하기 Git workflow • 로컬(Local) Git 리포지토리(Repository): 내 컴퓨터의 저장소 # git repository를 추가 git init # Untracked files를 Staging area로 추가 git add # staging area의 파일 확인 git status # staging area의 파일은 commit 가능 git commit • 원격(Remote) Git 리포지토리(Repository): 원격 온라인 서버 상의 저장소 # 로컬 리포지토리에 원격 리포지토리 주소를 등록 git remote add # 로컬 리포지토리에 기록한 내역을 원격 리포지토리로 이동 g..
Section1 Unit10 JS/브라우저 DOM - 유효성 검사 Section1 Unit10 [JS/브라우저] DOM - 유효성 검사 ⭐️ 과제. 유효성 검사 회원가입 Form을 만들어보며, 특정 조건에 맞는 값을 입력하도록 구현하는 연습을 했다. See the Pen 회원가입 Form (유효성검사) by sowon (@hello_FAY) on CodePen. Bare Minimum 요구사항을 완료 후 다른 기능도 추가해서 넣어보았다. ✔️ 아이디와 패스워드 뿐만 아니라 전화번호, 이메일 영역도 추가하여 구현 ✔️ addEventListener 사용 (학습자료에는 onkeyup을 사용) ✔️ 하단의 Message는 html이 아닌 js의 textContent로 내용 출력 ✔️ 회원가입 버튼 disabled 조작 ✔️ 약간의 html, css 수정 🌙 오늘의 회고 오늘..
Section1 Unit10 JS/브라우저 DOM Section1 Unit10 [JS/브라우저] DOM 📌 Chapter1. DOM 기초 • DOM(Documnet Object Model)은 HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model이다. 즉, JavaScript를 사용해 DOM으로 HTML을 조작할 수 있다. • 브라우저에서 작동되는 자바스크립트 코드에서는, 어디에서나 document 객체를 조회할 수 있다. console.log(document.body); console.dir(document.body); → DOM 구조를 조회할 때는 DOM을 객체의 모습으로 출력하는 console.dir가 유용하다. • Tree 구조의 DOM 📌 Chapter2. DOM 다루기 CRUD(C..
Section1 Unit9 과제 JavaScript Koans Section1 Unit9 [JavaScript] JavaScript Koans ⭐️ 과제. JavaScript Koans 이번 유닛의 JavaScript Koans 과제를 진행하며, 자바스크립트의 기본 개념을 정리할 수 있었다. Javascript Koans는 1번 소개 챕터를 제외하고, 10번까지 9개의 챕터로 나눈 파일이 제공되었다. (타입, 변수, 스코프, 함수, 배열, 객체, 스프레드 문법 등) 헷갈렸던 부분들은 따로 정리하고, 문제도 최대한 다 이해하려 했다. 이번 TIL에서는 헷갈렸던 개념이랑 문제들, 따로 찾아보기를 권고했던 사항 중에 내가 잘 몰랐던 부분들을 위주로 정리를 해볼까 한다 🙂 • 03_LetConst.js Q. 재할당도 안되는 'const' 키워드를 굳이 써야하는지 이해가 안..
Section1 Unit9 JavaScript 핵심 개념과 주요 문법 - ES6 신규 문법 Section1 Unit9 [JavaScript] 핵심 개념과 주요 문법 - ES6 신규 문법 📌 Chapter4. ES6 신규 문법 이번 유닛에서 학습한 내용들은 아래와 같은 ES6 신규 문법이었다. 다른 문법은 노션에 정리해두고, 자주 사용했던 화살표 함수는 블로그에도 따로 정리를 해보았다 🙂 • spread 문법과 rest 문법 • 구조분해할당 • 화살표 함수 자바스크립트 ES6 화살표 함수 기본 화살표 함수란 함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법으로, 화살표 함수라는 이름은 문법의 생김새를 차용해 지어졌다. // 화살표 함수 let func = (arg1, arg2, ...argN) => fay-story.com ⭐️ 과제. JavaScript Koans 이번 과제로..

반응형