Codestates SEB FE 42기 67

[1주차 주간일기] 땅굴파고 들어갔다가 다시 나왔습니다⛏

시작하고 나서 엄청 열심히 살았다. 정말 매일 일찍 일어나고, 산책도 맨날 하고! 공부는 당연히 매일 했다ㅋㅋㅋ 그러다가 목요일에 남자친구가 와서 거의 반나절을 놀게 됐다. 이게 시발점이 될 줄은... 누가 알았겠는가... 나는 그냥 놀고나서 개운하게 공부 시작하면 되겠다 싶었는데 왠걸 마음이 너무 무거웠다. 급 우울해지고... 나는 왜 이렇지... 이러면서 땅굴을 파게 되었다. 뭔가 스터디도 나만 제대로 못하는 것 같고... 목업도 하나밖에 못 만들었고 예습도 지금 못했는데... 복습도 당연히 못하고... 이런 부담감이 나를 옥죄어왔다. 근데 여기에 글로 쓰고 나니까 더 웃긴 건 해야할 건 다 하긴 했다는 거다ㅋㅋㅋㅋ 목업도 하나만 만들면 되는건데 내 성에 안차서 더 만들려고 했던거고 예습은 애초에 안..

[SEB FE] Section1 unit5 회고 | CSS 기본기, 첫 일주일을 보내며👏

💡CSS 기초 CSS : 스타일시트, 색맹이나 장애인에게 친화적인 UI를 만들 수 있다. 기본 구조 div(셀렉터){ background-color(속성명 : property): red (속성값 : value); } 💡CSS Property color : 색상코드 //글자 색을 바꿈 text-decoration : underline // 밑줄 text-weight : bold // 글자 굵게 : 숫자 // 글자 굵기 숫자로 정함, 900이 최대 background-color: 색상코드 // 배경 색 바꿈 CSS -> HTML 적용 방법 HTML에 작성하여 링크함 CSS에 스타일 따로 적용하는 이유 : 💡박스모델 margin [ boarder [ padding [content] ] ] 다양한 박스의 속성 ..

[SEB FE] Section1 unit4 회고 | html 입문... 재미있다 근데 암기...

💡 html, css, javascript의 간단한 정의 html : 구조 css : 스타일 javascript : 상호작용 💡 html의 기본구조 📌tag : 부등호 로 감싸져 있음. 의 형식으로 닫는 것이 일반적이지만 self-closing tag도 있다. 📌self-closing tag : 의 형식으로 태그 사이에 아무것도 들어가지 않을 때 사용한다. img태그의 경우는 로 닫지 않아도 된다. 📌attribute (속성) : 태그 뒤에 붙어 기능을 제한하는 용어 📌와 의 차이점 : 구분할 때 사용하는 태그. margin 없음. : paragraph의 약자. 단락 구분할 때 사용되는 시멘틱요소. margin이 포함되어 있음. 📌와 의 차이점 : block 속성으로 한 줄 차지. : inline 속성으..

[SEB FE] Section1 unit3 회고 | 코플릿 찢었다!😵

💡 조건문 if else if else boolean 타입 falsey : 0 , undefined, null, false, NaN, '' (빈 문자열) 논리연산자 Not : ! (뒤에 오는 것의 true, false 뒤집음) And : 조건1 && 조건2 (두 조건 다 만족해야 true) Or : 조건1 || 조건2 (두 조건 중 하나만 만족해도 true) 💡 문자열 (1) let str = 'Hello, world' str[0] = ' '; 글자를 바꾸려고 해도 바꿔지지 않음. 아예 str 재할당해야 바꿀 수 있다. (2) string 타입과 다른 타입 사이에 + 연산자 사용 시 string 타입으로 변환 string 타입과 Number 타입에 비교연산자 사용 시 숫자로 변환 문자열 Method st..

[SEB FE] Section1 unit2 회고 | 첫 회고 첫 주말!😖

변수 : 데이터에 붙인 이름 선언, 할당 =는 같다는 뜻이 아닌 할당연산자 여러개 변수 선언 방법 let any1 = 1, any2 = 2; let any1 = 1; let any2 = 2; 상수 선언 const : 재할당 불가능 0은 초기화의 뜻 키워드 : var, let, const, function 등 수행 동작 식별 타입 number, string, boolean, undefined (할당되지 않음), null(빈 값 할당) 등 여러 타입이 있는 경우 배열 [] 객체 {} - 속성: 객체 내의 키와 값 typeOf : 타입 알려주는 연산자 method : 타입 별 함수 백틱으로 + 사용하지 않고 string에서 함수 사용할 수 있다 `${String(num)}개 입니다` 함수 : 코드의 묶음 (즐..

S1 Unit1 회고 | 변수, 타입, 함수

💡변수 : 데이터에 붙인 이름 데이터 바구니의 크기 (메모리)는 변하지 않고, 변수에 값이 설정되면 메모리의 일정 공간을 확보하여 값을 할당한다. 변수 선언 (declaration) let age; 할당 (assignment) age = 12; 동시 선언 할당 let age = 12; 변수의 다양한 법칙 변수는 한번만 선언한다. 변수에 할당된 값이 없으면 자동으로 변수의 값에 undefined가 할당된다. 표현식(평가되는 식) 에 변수 사용할 수 있다. = (할당 연산자) : 같다는 뜻이 아닌 할당된다는 뜻으로 사용 let age = 12; age = age + 2; 메모리 셀 1bit(=8byte) 각 메모리 셀에 데이터는 2진수로 저장됨. 💡타입 변수에는 다양한 타입이 있다. 숫자 (number) 문..

코드스테이츠 SEB FE 42기 수강 시작!

부트캠프 시작 전 준비 2022년 10월 20일에 코드스테이츠 부트캠프가 시작되었다. 그 전에 툴 설정을 해야해서 3일간 컴퓨터를 붙잡고 있었다. 이것저것 찾아보고 문의도 드려봐도 오류가 나서 결국 테크노마트까지 가서 포맷하고 다시 윈도우를 깔았다... 우분투 이 녀석...! 하루 전날 밤 아슬아슬하게 해내서 다행이었다😅 O.T 고생하느라 어제는 긴장도 안되더니 오늘 아침엔 조금 떨렸다. 줌에 들어가자마자 선애님이 분위기를 풀어주셔서 재미있는 오티였다ㅎㅎ 처음엔 채팅에 뭔가 치기 어색하고,,, 부끄러웠는데 나중에는 1을 엄청 보내고 있었다ㅋㅋㅋㅋ 툴 설정을 다시한번 알려주셨다. 그리고 콘텐츠가 정말 많았다! 다같이 모여서 공부할 수 있는 메타버스 공간이 있었는데 미니 게임도 있고 캐릭터가 너무 귀여웠다...