브리의 성장기

😀 TIL #221215 - 스파르타 코딩클럽 웹개발 종합반 1주차 1주차 13회 ~ 완강 * 브라우저가 알아들을 수 있는 javascript 맛보기 * function 함수로 alert 나오게 하기 * chrome 개발자 도구 console 탭으로 실습하기 * 변수 설정, 기본 연산, 딕셔너리, 리스트, 함수, 조건문(if ~ else), 반복문(for) 어제 만들었던 코드를 참고하여, 고양이 팬명록 페이지를 만들어 보았다 😆 우리집 고양이 팬명록 닉네임 귀여워하기😼 댓글달기 우리집 고양이 츄르를 좋아해. 너네집 고양이도 ?! 미노이 나만 고양이 없어 🥺 지나가는 냥덕 너무 귀엽다.. 우리집 고양이도 보러오세요!😻❤️ 3년차 집사 (여기 저기서 주워 온거지만) 점점 길어지는 코드와, 괜시리 뿌듯한 브리..

😀 TIL #221122 - 자바스크립트 인프런 강의 수강 let 선언문을 이용한 간단한 예제 풀이! a와 b라는 값에 어떠한 값이 들어있을때, 두 개 변수에 들어있는 값을 바꿔보세요. let a = 3 let b = 5 let temp = a// 변수 temp를 생성 a = b // a에 b의 값을 부여 b = temp// b에 temp(a)의 값을 부여 두 개 변수에 값을 바꾸기 위해서는 변수 하나를 더 만들어야 한다. if 조건문에 대해서도 학습했다. if(조건식){동작문; 동작문; 동작문;...} 조건식이 참일때 동작문이 실행된다. 아래 예제를 통해 이해해보았다. let value = '사과'; let condition = 'true'; if(condition){ value = '바나나';} //..

😀 TIL #221114 - 자바스크립트 인프런 강의 수강 오티, 세미콜론, 주석, 들여쓰기, 문자열 기본(따옴표, 백틱, typeof)에 대해 학습했다. 명령어 뒤엔 습관적으로 세미콜론(;)을 붙일 것. 붙여서 문제될 건 없지만 안붙여서 문제될 건 많다! * 백틱(`)이란? 맥 기준 탭 위에 위치한 키 :: 한글 상태일땐 원화(₩)로 나타나지만 영문 상태일땐 백틱(`) 으로 표시된다. 백틱을 사용하면 문자열 사이에 변수만 따로 구분할 수 있다. // 일반적인 문자열 console.log("나는 " + city + " 에 거주중이고, 이름은 " + name + ", 나이는 " + age + " 살 이다."); // 백틱 사용 console.log(`나는 ${city} 에 거주중이고, 이름은 ${name}..

😀 TIL #221113 - 피그마 인프런 강의 수료 3주간의 피그마 인프런 강의 수강이 끝이 났다! 😆 피그마 강의를 듣기 전 나는 디자인 툴 관련해서는 초초초보자였다. 포토샵이나 일러스트를 더듬더듬 사용해 아이콘을 간신히 만들 수 있는 수준이었다. 한 달이 지난 지금은 어색하지만 프로토타입을 만들 수 있고 협업을 위한 라이브러리 생성, 디자인 확장을 위한 컴포넌트 사용의 개념에 익숙해졌다. 또 업무효율성을 향상하기 위한 다양한 플러그인의 존재도 알게 되었다. 뚝딱뚝딱 예제 실습하고 만들어진 것을 export 해내고 있는 것이 정말 감계무량 하다. 디자인은 혼자 할 수 있지만, 작업은 결국 여러명의 구성원들이 함께하는 것이다. 어떤 툴을 사용하든 협업은 매우 중요하다. 물론 피그마는 협업에 최적화된 툴..

😀 TIL #221110 - 피그마 인프런 강의 수강 오늘은 컬러팔레트를 만들고 타이포를 정의했다. 텍스트 스타일도 등록해보았다. 브랜드 색상에 일관성을 주고 작업의 효율을 높이기 위해 컬러팔레트를 미리 지정했다. 컬러를 미리 지정하면 우측 패널에서 클릭 한번으로 활용 가능하다. 타이포 정의에 앞서 구글의 Materal Design 과 애플의 Human Interface Guideline 을 확인할 필요가 있다. 각각은 애플과 구글에서 일반 사용자도 알아보기 쉽도록 디자인 가이드 라인을 제공하는 사이트이다. 애플의 가이드라인의 경우 인터페이스 디자인을 설명하면서 그렇게 디자인한 이유도 간략하게 설명하고 있다. 작은 테마나 기능까지도 세세하게 설명하고, UX나 인터렉션까지 디자인한 이유와 근거가 작성되어 ..

😀 TIL #221105 -피그마 인프런 강의 수강 오늘은 프레임 클립을 이용하여 페이지 스크롤 프로토타입을 만들어 보았다. 지금까지 배운걸 종합해서 휘뚜루 만들어본 프로토타입 ! 다음번엔 어플 하나를 골라서 콜론 작업을 해보고 싶다. ✨ 오늘 한 일 - SQLD 시험 오늘 오전 9시 30분 SQLD 시험을 보러 갔다. 작은 고사장에 사람이 정말 많았다. 시험 시간은 1시간 30분이었고, 꽉 채워서 보고 나왔다. 좋은 결과가 있었으면 좋겠다!

😀 TIL #221103 - 피그마 인프런 강의 수강 오늘은 Boolean Groups 를 통해 날씨 아이콘을 만들어 보았다. 도형 그룹은 도형의 연산으로 이루어진 결과물이다. 여러 개의 도형을 선택하고 가운데 상단에 있는 Boolean Groups 를 클릭을 하면 실행할 도형 연산의 종류가 나온다. 이름에서 알 수 있듯(불리언) 논리 연산자와 같은 의미다! OR, SUBTRACT, AND, XOR 등의 연산을 할 수 있다. 여러개의 도형을 선택하고 연산을 실행하면 새로운 그룹이 생긴다. 아이콘 실습으로 자신감이 생겼다.. 내일은 Figma를 활용해서 로고 제작을 해보려고 한다. 💪 HTML 삽입 미리보기할 수 없는 소스 - SQL 문제풀이 시험이 코 앞이다! (D-2) 노랑이 책 다시 읽어보면서, 시험..

😀 TIL #221101 -피그마 인프런 강의 수강 오늘은 원형 그래프와 인스타그램 프로필을 만들어보았다. * 원형그래프 (Flip horizontal 기능 사용, 스포이드 단축키 'I' 사용) * 인스타그램 프로필 (언스플래시 플러그인 사용-랜덤하게 사진 조합 Insert random 기능) (로렘 입숨 플러그인 사용-랜덤 단어 조합 기능) 무작정 따라하지 않고, 프레임과 레이어를 이해하고 구조를 짜가면서 차근히 만드는게 중요하겠다. HTML 삽입 미리보기할 수 없는 소스 - SQLD 문제풀이 ✨오늘 한 일 - 뽀모도로 공부법 도전 리버님이 뽀모도로 공부법을 알려줬다. 뽀모도로 공부법은 프란체스코 시릴로가 제안한 시간 관리법이다. 대학생 시절 시릴로가 토마토 모양 주방 타이머를 이용해 공부했기 때문에 ..