Ella 프론트엔드일지

출처 : 코딩애플 JavaScript 입문과 웹 UI개발 1) 3,6,9 게임 해보자~ 3의 배수에서 박수를 치면 되는게임을 만들어보자. 어떤식이냐면, 3의 배수일 경우 console.log('박수') 가 나오고, 아닐경우에는 console.log('통과') 를 만들어보자. function 삼육구게임(){} 먼저, 문제를 풀기전에 한글로 틀을 짜야한다!! 초보일때는 한글 함수명과 한글 변수명을 쓰는게 좋다! function 삼육구게임(입력된 숫자){ if(입력된 숫자가 3의 배수라면){ console.log('박수'); }else{ 그게 아니라면 console.log('통과'); }} 위에 코드블럭처럼 한글로 먼저 구조를 그려본다. ~한 경우, ~ 면 이니까 if문이 들어가야한다. if(true)가 나올..

✅개인 한주간 평가 및 해결할 방법 - 원인을 구체적으로 파악하면 해결방법이 나온다. 원인을 구체적으로 파자. 어려웠던 점 원인 및 해결방법 ✅ 자바스크립트 실시간 강의는 확실히 이해하는데 어렵다. - 모르는 부분이 있으면 넘어가는 게 아니라 계속해서 반복해서 볼수있는 녹화된 영상이 더 좋은 것 같다. 특히, 강사님들 강의하시는 스타일이 정의를 알려주지 않고 바로 이렇게 실행되죠? 하면서 넘어가기 때문에. 이렇게 실행되는게 도대체 뭐인지 설명을 듣지 않고 눈으로만 판단하기가 더 쉽지 않다. - 심지어는 그렇게 어렵다던 모던 자바스크립트 책이 더 이해가 잘되고 재밌다...나는 독학파인가보다 ㅠㅠㅠ ✅왜 자스가 어려웠지? - 충분한 복습을 하지 않아서 어려웠다. - 특히 메서드를 충분히 복습하지 않은채 조건..

출처 : https://www.youtube.com/watch?v=5kRgzyGRPrU&t=357s ✅함수 선언식 - function 키워드로 단독으로 함수를 선언한 것 function sum(num1,num2){ return num1+num2; } ✅함수 표현식 - 변수에 함수를 할당한 것 const sum = function sum(num1,num2){ return num1+num2;} ✅화살표 함수(arrow function) 화살표함수는 sum 과 같은 식별자가 없어서 호출할 수가 없다. 화살표 함수를 호출하기 위해서는 함수 표현식 방법처럼 변수에다가 화살표 함수를 할당해줘야한다. 그래야, 화살표함수가 할당되어져있는 sum이라는 변수를 이용해서 올바르게 화살표함수를 호출할수있게된다. const s..

정리충이라... 확실히 TMI 가 많다. ✅개인 한주간 평가 및 해결할 방법 어려웠던 점 왜 어려웠는지 원인 1. 시간관리가 잘 안돼서 힘들었다. 최소 못해도 7시간은 자야지 버텨주는데 요즘 매일 5시간 30분밖에 못자서 피곤하다 ✅왜 시간관리가 어려웠지? - 밴딩머신 + 캐릭터+이력서+타입스크립트+오프라인 스터디 + 책 집필 회의 한꺼번에 몰려서 - 캐릭터 대회를 빨리 해치웠어야했는데 15시간이나 투자해서 - 왜 그렇게 많이 투자했는데? 비전공자에 이력이 없어서 상장 하나받고싶어서(하지만, 다른 분들의 결과물을 보고..괜히 노력했나 싶기도 했음.) 수상(결과) 보다는 과정이 중요한걸 알지만 정말 스펙이 1도 없어서..너무 간절했나봄 ✅해결할 방법 - 오프라인 스터디는 굳이 매주 참석하지 말고 정 시간없..

✅프로그래밍 언어는 보통 숫자형 - 숫자형만 계산이 가능하지만 자바스크립트는 5-'3' 도 가능해 왜냐하면 Dynamic Typing이 가능해서 프로젝트가 크면 자유도가 높은거, 유연성이 단점임. 타입스크립트를 가져다가 쓰면 저건 에러라고 알려줌. ✅ 에러메세지가 퀄리티가 좋음. 엄격하게 타입 체크하는걸 알아서 해줌 ✅타입스크립트 간단한 문법 이름이라는 변수를 넣고 그 오른쪽에 :string 문자열이라는 타입을 나타내고 문자열의 값을 넣어준다. 즉, 이름은 string 타입만 들어올수있다고 지정해주는 것이다. 이름에다가 숫자 들어오면 바로 에러가 나온다. 타입 명칭에는 아래와 같이 있음. array 자료인데 array안에는 string 밖에 못들어간다. 이름이라는 변수에는 글자가 가득찬 array만 들어..

✅transform 예시 AB transform을 적용하기 전에는 박스가 서로 겹쳐있었다. transform:rotate(45deg);를 적용하고 나니 파란색 박스가 보인다. deg: 각도를 뜻한다. tranform:ratate(45deg) scale(1.3); 을 하고나니 아래와같이 item박스가 기존보다 1.3배가 더 커졌다. ✅transform 은 단축속성이다. transform : 변환함수1 변환함수2 변환함수3 ...; transform: 원근법 이동 크기 회전 기울임; 밑에 사용예시를 보고 위 코드로 실습해보세요~! 1️⃣2D 변환함수 함수이름 뜻 사용 예시 translate(x,y) 이동(x축,y축) transform:translate(40px,40px); translateX(x) 이동(x축..