분류 전체보기 (68) 썸네일형 리스트형 [TIL] 24.12.23(월) JavaScript 문법 종합반 1주차 1-1자바스크립트 소개 JS 언어의 특징[1] 객체 지향 프로그래밍 지원JS는 객체 지향 프로그래밍이 가능한 언어로, 객체를 생성하고 관리하는 데에 강점이 있음 > 이를 통해 복잡한 기능 구현 가능더보기객체 지향 프로그래밍 (JavaScript)데이터와 함수를 객체라는 그룹으로 묶어서 처리하는 방법으로 객체는 상태와 행동을 가지고 있으며, 상태는 객체의 속성(Property)이라고도 함. JS에서 객체를 만들 때는 중괄호({})를 사용하여 객체를 만들고, 각 속성을 쉼표(,)로 구분하여 추가함.속성은 이름과 값을 가지며, 이름은 문자열로 작성하고 값은 다양한 데이터 타입을 사용할 수 있음. 객체 내부의 함수를 메소드(method)라고 부르며, 속성의 값으로 함수를 .. [WIL] 1주차 24.12.16(월) ~ 24.12.20(금) [WIL] FACTS (사실, 객관)지난 주에 수강한 노코드 강의를 바탕으로 일주일간 개인 과제를 진행했다. 이번 과제는 웹플로우(Webflow)를 활용해 랜딩 페이지를 똑같이 구현하는 것이었다. '당근', '웨이브', '노션' 세 가지 중 하나를 골라서 똑같이 구현하거나, 원하는 랜딩 페이지를 과제 조건에 맞춰 만드는 것도 가능했다. 나는 코딩에 대해 잘 모르기 때문에 처음에는 가장 난이도가 낮은 '당근'을 해볼까 생각했지만, 그래도 배운 것들을 잘 활용해보고 싶은 마음에 '웨이브'를 선택해서 과제를 진행했다. FEELINGS (느낌, 주관)실 노코드 강의를 수강하고 웹플로우 개인 과제를 잘 해낼 수 있을 거라는 자신감이 있었다. 웹플로우 자체는 코딩보다 쉽게 느껴졌기 때문이다. 하지만 막상 과제를 시.. [TIL] 24.12.19(목) 개인 과제 3일차 STEP 5인터랙션 구현하기Hover, Link 등의 인터랙션은 비교적 쉽게 구현할 수 있었다.링크는 현재 웨이브 랜딩 페이지에서 연결 가능한 모든 링크를 전부 연동시켜놨다.대신 Top Button(FAB), 슬라이더 등은 정말 어려웠다. 하지만 그동안 배운 지식을 총동원해서구현에 성공할 수 있었다! 사실 과제 첫 날에 푸터까지 구현은 했지만,슬라이더나 탑 버튼 같은 인터랙션 요소는 어떻게 해야 하나 고민이 많았는데,역시 시간을 쏟아 부으니 해결이 됐다. (내 방법이 맞는지는 모르겠지만.. 어쨌든 일단 동작은 제대로 한다..! ㅋㅋㅋ)Top Button과 Nav bar의 로고에 원래 섹션 링크로 똑같이 Nav-bar로 링크했었는데,두 가지 모두 링크하기 전에는 잘 작동하던 것들이 하나의.. [TIL] 24.12.18(수) 개인 과제 2일차 STEP 3레이아웃 잡기 (완료)섹션 안에 컨테이너 안에 디브 안에...(X1000)섹션이 많아질수록 점점 스크롤도 길어지고 구조도 복잡해져서 클래스 지정하고 관리하는 게 엄청 힘들었다.클래스를 지정했는데 바뀌면 안 될 것들이 바뀌는 바람에 다시 콤보 클래스로 재지정하고… 이걸 엄청 반복한 것 같다.네이밍을 알맞게 했는지는 모르겠지만, 그래도 정리하고 나서 최소한 나는 잘 알아볼 수 있게 되었다..ㅎ하지만 나중에 팀 작업, 협업을 할 때는 네이밍 규칙을 잘 지켜야겠지…공통적으로 쓰이는 네이밍에 대해 아직 잘 몰라서 더 찾아보고 공부해야겠다는 생각이 절실히 들었다. STEP 4Content 만들기잡아놓은 구조 안에 Element를 이용하여 헤더를 넣었다. 푸터도 Element를 이용.. [TIL] 24.12.17(화) 개인 과제 1일차STEP 1주제 선정 및 피그마에 시안 그리기 (완료)선정한 주제: 웨이브피그마: 플러그인 활용하여 랜딩페이지 불러옴 / 디자인 시스템 제작 완료 STEP 2WebFlow에 디자인 시스템 세팅하기 (완료)WebFlow의 Variables에 디자인 시스템에 정의한 Typography와 Colors 추가 STEP 3 (진행중)header와 footer 만들기섹션별로 div block 잡기class 활용하여 레이아웃 효율적으로 만들기 [TIL] 24.12.16(월) 노코드 방법론 3주차까지 완강!지난 목요일부터 오늘(월)까지 3일 동안 노코드 방법론 강의를 들었는데, 웹플로우라는 걸 배웠다. 직접 코드를 짜는 게 아니라 좀 더 간단한 방법으로 웹사이트를 만들 수 있어서 생각보다 쉽고 재밌게 배울 수 있었다.이제 오늘 오후 7시에 개인 과제 발표가 끝나면 이번 주 안에 웹플로우를 활용해서 무언가를 만들어야 할 텐데, 강의에서 배운 내용을 그대로 따라하는 게 아니라 스스로 잘 응용해서 만들 수 있을지 조금 걱정된다. 과제를 진행하면서 강의를 계속 참고해야 할 것 같다. [WIL] 11주차 24.12.08(월) ~ 24.12.13(금) [WIL] FACTS (사실, 객관)코딩 주차가 시작되면서 팀 편성이 새롭게 바뀌었다. 월, 화, 수는 오전에 카타를 끝내고, 오후 3~4시까지 실시간 웹 퍼블리싱 강의를 들으면서 배운 내용을 응용해 과제를 진행했다. 목, 금은 스파르타 코딩클럽에서 제공한 노코드 종합반 강의를 들었고, 강의는 5주차까지 제공되지만 3주차까지만 들으면 된다. (기한은 다음 주 월요일까지) FEELINGS (느낌, 주관)지난 3주간 정들었던 팀원들과 헤어지는 게 아쉬웠다. 하지만 새로 만난 팀원들도 모두 좋은 분들 같아서 안심이 됐다. 팀장은 사다리 타기로 정했는데, 내가 제일 좋아하는 노란색을 골랐더니 그게 팀장 색이었... 결국 팀장이 되었다. 처음 맡아보는 역할이라 걱정이 많았지만, 팀장으로서 할 수 있는 일은 다 하.. [TIL] 24.12.12(목) 노코드로 완성도 있는 웹페이지 만들기-1주차 노코드 방법론이란?노코드(Nocode)는 개발 언어를 이용하지 않고 웹, 어플리케이션, 응용 프로그램 등을 설계, 제작하는 접근 방법(개발 언어를 사용하지 않는다면 무엇을 이용? > "노코드툴"을 이용! 각각의 툴마다 간단한 사용자 인터페이스(UI) 방식의 틀을 제공함. 그 사용자 인터페이스에서 제공되는 기능을 이용해 개발을 하는 것! 노코드 방법론의 장단점장점: 배우는데 드는 시간과 비용이 적게 듦 / 구현이 쉽고 빠름단점: 툴을 사용하는데 돈이 듦 / 구현의 한게가 사용하는 툴에 의해서 정해짐 이번 수업에 배울 노코드툴웹플로우: 웹사이트를 만드는데 쓰는 툴 (실제로 사용자가 보는 화면)에어테이블: 데이터 베이스를 담당하는 툴 (백엔드)재피어: 자동화랑 연.. 이전 1 2 3 4 ··· 9 다음
