HAHYE_ARCHIVE

이제 어마무시한 프로젝트를 해야만 한다...실은 이미 시작되었지만 ㅎ 과연 내가 잘 할수 있을까..?🤔 하는 의구심이 들고있긴하지만 해야하는거기에..힘내서 끝내보자..~!!! 프로젝트 준비를 위한 준비단계에서 과연 내가 무엇을 했는가? 실은 별건 안함 내가 갖고있는 장점이 무엇일까..? = 디자인을 배웠다..! 로 귀결되어버렸다 허허 ㅎ 이번 프로젝트에서 내가 배운...별거없는 디자인을 최대한 짜내서 최고의 결과물을 내보자가 이번 프로젝트 목표가 되었다 어떻게 해야하는가? 개발쪽에서 하는 디자인은 처음이라 어떻게 해야하는지 나도 막막했기에 검색을 하기 시작했고 우선 피그마를 잘 다뤄야겠다고 느꼈기에 피그마공부를 호다닥 시작했다 기본적으로 처음에 했던 세미..자바프로젝트때 피그마를 사용해봤는데 일러스트나 ..

새싹에서 배운걸 개인적으로 복습할 겸 요약정리해봤읍니다 틀린 내용있으면 댓글로 알려주시면 달게 받겠습니다 감사합니다 호호 useState (가장 대표적인 hook중 하나) const [state, setState] = useState(초기값) → 변수에 값을 저장하고, 값을 바꾸기 위해서 → 값이 변경되면 화면에 랜더링됨 useRef() → 변수에 값 저장 차이점 : 변수의 값이 변경되어도 화면에 리랜더링이 되지않음 const state = useRef(초기값) state ⇒ 객체로 만들어짐 state.current ⇒ 변수의 값이 저장되는 공간 useEffect() useEffect(콜백함수, 의존성배열) 두번째 매개변수(의존성배열)는 옵션임 써도그만 안써도 그만 useEffect( ( ) => { 하..

https://sustaining-firefly-af5.notion.site/5-20221214-a212deddbbda4c9e844a19f203bd6a97 5회차 - 20221214 스터디 문서객체모델 sustaining-firefly-af5.notion.site 이친구도 마찬가지로 노션에 정리해둔거 올립니다 캡쳐 등 이미지까지 깔끔하게 보고싶다면 올려둔 노션 참고해주세용!! 문서객체모델 DOMContentLoaded 이벤트 ‼️ 이 친구는 오탈자를 입력해도 오류를 발생하지 않으니 사용시 주의~! 1번째 h1 태그 2번째 h2 태그 → head에서 선언했던 친구는 화면에 출력되지 않음 왜? head 태그 내부에 script 태그를 배치하면 body 태그에 있는 문서객체(요소)에 접근할 수 없음!!!! D..

https://sustaining-firefly-af5.notion.site/4-20221207-4c2f86c27c0c4befaf7ca4d885100dc0 4회차 - 20221207 스터디 sustaining-firefly-af5.notion.site 노션에 정리해놨던 글 긁어왔읍니다 깔끔하게 정리해둔건 노션이니 보기좋게 보실려면 노션을 내용만 읽고싶으면 티스토리 참고~! 객체 객체의 기본 객체란? 실제로 존재하는 사물을 의미. 이름(name)과 값(value)으로 구성된 속성(property)을 가진 자바스크립트의 기본 데이터 타입 객체는 { 중괄호 }로 생성하고 객체자료는 쉼표 , 로 연결해서 입력함. 객체의 키 ? 배열은 접근할때 인덱스 사용하지만 객체는 키를 이용함 접근법 product[’제품명’..

자세한 정리는 저의 노션을 보시죠~! 따란~! 작고 소중한 나의 노션.... https://sustaining-firefly-af5.notion.site/29-11-24-608523a70aeb4ba9925a5ea5a35382cf 새싹DT 기업연계형 프론트엔드 실무 프로젝트 과정 6주차 블로그 포스팅

자스 정리 한다. 공부해라 .. 조건문 // 조건문 //if문 if(조건1) { //조건이true } //조건에는 계산식,ㅇㅇㅇ안됨 // a조건도 만족하면서 b도 만족하면 실행 // a && b //and&&, or|| not! 이런거 넣음 else if(조건2) { //조건이 여러개인 경우엔 else if 이용 } else { //if 조건이 false인 경우 실행 } //1. if() //2. if() > else() //3. if() > else if() > else if() //4. if() > else if() > else if() > else //switch문 + break 걸수있음 switch(조건){ case 조건1: //하고싶은일1 //하고싶은일2 break //안걸면 하고싶은일2에서 안..

자바스크립트 들어가자마자 나의 밑천이 바닥을 드러내기 시작했다 다른사람들의 몇배의 노력을 해야지 겨우따라가면서 너 너무 게을러~ ㅎ 🖥 자바스크립트 자료형 ✸ 자바스크립트의 기본 자료형 ∙ 숫자타입 : 5; , 10; ,,,, ∙ 문자열 타입 : "안녕하세요. 저는 누구입니다."; (" "이 중요.!!!!! 숫자를 ""으로 감싸도 문자형임) ∙ 논리 타입 : //참(true) 또는 거짓(false)이 될 수 있는 값 true; ✸ 덧셈, 뺄셈, 곱셈, 나눗셈 같은 기본 사칙 연산 수행 ∙ 연산자(operator)라는 기호 +,-,*,/ 가 사용 ∙ 연산자 우선 순위 : 사칙연산과 같음! 곱셈,나눗셈 > 덧셈, 뺄셈 순으로! 🖥 변수 ✸ 변수란? ∙ 데이터를 저장하는 공간의 이름 ∙ C나 Java와 달리,..

문법 챕터에서는 크게 블로그에 정리할만큼 중요한건 별로 없는거같다 (내생각) ✸ 식별자(identifier) ∙ 개발자가 프로그램의 변수, 함수 등에 붙이는 이름 ∙ 의마를 담을 수 있도록 만드는 것이 좋음 (나중에 알아보기 편하게) ∙ 두 단어로 구성되는 식별자의 경우, 두 번째 이후 단어의 첫 글자는 대문자로 작성 ex) numberOfStudents, studentID ✸ 식별자 작성 규칙 ∙ 첫 번째 문자 - 알파벳(A-Z, a-z), 언더바(_), $ 문자만 사용가능 ∙ 두 번째 이상 문자 - 알파벳(A-Z, a-z), 언더바(_), $, 0-9 문자만 사용가능 (‼️첫번째 문자에서 숫자가 추가됨!!) ∙ 대소문자 구분 - myHome과 myhome은 서로 다룬 변수 ✸ 자바스크립트 프로그램의 ..