코드스테이츠부트캠프 (70) 썸네일형 리스트형 Section1 Unit5 JavaScript 기초 - 함수 Section1 Unit5 [JavaScript] 기초 - 함수 📌 Chapter6. 함수 함수 챕터에서는 함수의 정의와 호출하는 방법, 함수 선언문과 함수 표현식, 매개변수와 전달인자, 그리고 return 문에 대해서 학습했다. 함수가 무엇인지와 함수를 정의하는 방법인 함수 선언문과 함수 표현식, 그리고 함수를 호출한 곳에 반환시켜 실행된 결과를 전달시키는 반환문은 따로 정리를 해보았다. JavaScript에서 함수(function)란 무엇일까? 👾 함수(function)란? 자바스크립트에서 함수는 하나의 기능을 수행하는 코드 블록이며, 재사용 가능한 코드를 작성하는 데 중요한 역할을 한다. 함수는 인자를 받아들이고 실행할 코드 블록 내에 fay-story.com 자바스크립트 반환(return)문 사용.. Section1 Unit5 JavaScript 기초 - 조건문 & 반복문 Section1 Unit5 [JavaScript] 기초 - 조건문 & 반복문 📌 Chapter4. 조건문 • if문 조건식의 결과가 참(true)이면 주어진 실행문을 실행하고, 거짓(false)이면 아무것도 실행하지 않는다. if(조건식) { 실행문; } • if ~ else문 조건식의 결과가 참(true)이면 실행문1을 실행하고, 거짓(false)이면 실행문2을 실행한다. if(조건식) { 실행문1; } else { 실행문2; } • 삼황조건연산자 if문을 축약해서 사용할 수 있으며, 아래와 같이 사용할 수 있다. 조건식? 참 : 거짓 📌 Chapter5. 반복문 • for 반복문 for(let i=초기값; 조건식; 증감식) { 실행문; } • while 반복문 특정 조건을 만족할 때까지 계속해서 주.. Section1 Unit4 HTML, CSS 활용 - 계산기 만들기 Section1 Unit4 [HTML/CSS] 활용 계산기 목업 만들기 ⭐️ 과제. 계산기 목업 만들기 • 와이어프레임 • HTML, CSS 작성 작성했던 와이어프레임을 토대로 HTML을 작성하고, CSS로 스타일링을 했다. 페어 프로그래밍 과제라 페어와 함께 진행하고, 수업이 끝난 후에 각자 보완하는 시간을 가졌다. 나는 최대한 실제 디자인과 비슷하게 하려고 했고, 브라우저 사이즈에 맞게 크기가 유동적으로 변했으면 해서 min/max width, height 크기를 정한 후 상대적 단위인 %, rem 등을 사용해서 CSS를 작성했다. 이 과정에서 font-size가 생각대로 조절이 잘 되지 않아서 고민을 좀 많이 했었는데 media query로 해결했다. 👩🏻💻 계산기 목업 만들기 HTML, CSS .. Section1 Unit4 HTML, CSS 활용 Section1 Unit4 [HTML/CSS] 활용 📌 Chapter1. 레이아웃 • 와이어프레임과 목업 와이어프레임과 목업을 작성하는 단계를 건너뛰고, JavaScript로 동작하는 애플리케이션을 만들 수 있지만 HTML 문서를 통해 화면을 다 그려보지 않으면 JavaScript를 적용한 완성본이 어떤 형태를 가질지 상상하기 어렵다. 마치 설계도 없이 건물을 짓는 것과 같으니 와이어프레임과 목업을 작성하는 단계는 중요하다. → 와이어프레임: 웹 또는 애플리케이션을 개발할 때 레이아웃의 뼈대를 그리는 단계. 단순한 선이나, 도형으로 웹이나 앱의 인터페이스를 시각적으로 묘사한 것 → 목업: 실물 제품이 없는 무형의 웹 또는 앱의 목업은 실제 제품이 작동하는 모습과 동일하게 HTML 문서를 작성하는 것 • .. Section1 Unit3 CSS 기초 Section1 Unit3 [CSS] 기초 📌 Chapter1. CSS 기초 • CSS와 UI, UX 사용자 인터페이스 (UI; user interface) → interface : 컴퓨터와 교류하기 위한 연결고리. 버튼도 없고, 마우스도 없던 시대의 개발자는 자신이 만든 애플리케이션과 소통하기 위해 CLI를 사용했다. 키보드로 작성한 비밀 암호 같은 코드를 적어서 엔터를 눌러야만 애플리케이션을 작동시킬 수 있었다. 하지만 지금은 키보드 인터페이스로 입력을 할 수 있고, 버튼 모양의 인터페이스로 입력한 내용을 전송할 수 있다. 이렇게 일반 사용자가 쉽게 사용할 수 있는 인터페이스를 사용자 인터페이스, UI라고 부른다. UI는 사용자가 애플리케이션을 사용하게 하는데 매우 중요한 역할을 하고, UI가 없으면.. Section1 Unit2 HTML 기초 코드스테이츠 프론트엔드 부트캠프 본격적인 시작!! 어제는 거의 OT라 오늘부터 강의가 시작되었다. 하루종일 줌으로 수업하는 형식이 아니라 스스로 공부하는데 초점이 맞춰진 듯했다. 어제 OT때 구글 캘린더를 공유받아서 전체 일정을 확인할 수 있었다. 오늘 내일은 오후 5시에 라이브 세션이 있고, 금요일부터 페어 프로그래밍이 시작되었다. 두근두근 🥰 블로그 챌린지가 있어 앞으로 2주 동안은 수업한 내용을 꾸준히 기록할 생각이고, 그 다음부터는 내 학습 속도와 이해도를 보고 기록할 계획이다. 화이팅 👍🏻 Section1 Unit2 [HTML] 기초 📌 Chapter1. 웹 개발 이해하기 첫 시작은 간략하게 웹 개발에 대한 소개 타임~ HTML은 구조를, CSS는 스타일을, JavaScripts는 상호작용을 담.. 이전 1 ··· 6 7 8 9 다음
