React TIL80 [React] Day_8 맨땅에 헤딩하는 실습일기 Part 2 - (2) 열분 안녕하세요. 다시 돌아온 림졍입니다. 🙋🏻♀️오늘은 지난 시간에 작성했던 렌더링 응용 편으로 돌아왔습니다.(복잡하게 부르기 싫으니 편하게 2탄으로 부를게요.🙄)응용 편은 뭐.. 별건 없고요..지난 시간에 진행했던 내용에 추가적인 기능을 넣어 구현해 보는 거니부담 갖지 말고 읽어주시길 바라겠습니다..!(지난 게시글과 이어지니, 잘 모르겠다 싶으신 분들은 바로가기를 눌러주세요.)레쯔고. 맛보기 - 작성에 앞서.. 결과물부터 보시죠. 결과물을 간단하게 정리하자면..우리가 제작한 렌더링 화면에 버튼을 추가하여버튼을 누르면 메뉴판에 해당되는 메뉴만 볼 수 있게끔 만들고,다시 전체 메뉴를 보고 싶으면 [전체 메뉴] 를 눌러 초기화를 시킬 수 있도록 제작할 예정이다.자, 이제 어떻게 만들어지는 것인지.. 2024. 9. 7. [React] Day_7 맨땅에 헤딩하는 실습일기 Part 2 - (1) 안녕하세요, 퀘스트의 쓴맛으로 인해.. 맨땅에 헤딩했던 과거의 림졍,오늘도 각설이마냥 돌아왔습니다.💁🏻♂️ (두둥.)집 내부 공사로 인해 컨디션 디버프 효과(?)로이번 퀘스트는 1탄, 2탄으로 나누어 작성하도록 하겠습니다..🥲대깨T (X가리가 깨져도.. TIL 작성하는) 림졍의 두 번째 퀘스트 도전기,우선 결과물부터 부시죠. 두번째 친구는 [한식 메뉴] 렌더링 하기.저번 게시글을 보고 오신 분들은 아시겠지만.. 저는 JavaScript 에 집중하는 편입니다..(Html은 뼈대라 볼 것이 많이는 없고.. CSS는 값만 주어지면 잘 작동하기 때문이죠.) 이번 실습의 경우 지난 시간에 배웠던 함수에 이어 배열과 반복문에 대해서 알아볼 것이다."이전 내용에 대해 잘 모르겠어요." "지난 게시물, 어.. 2024. 9. 6. [React] Day_6 데일리 정리 (이어서) 7시에 적어놓고.. gif 편집을 안한 나 반성해.🤦🏻♂️그래서 냅다 새벽감성으로 적어보는.. 오늘의 (정확하게는 어제의..) TIL, 가시죠. Javascript 활용문법(DOM) (2-9)프로그래밍 = 컴퓨터에게 명령하는 것, 따라서 정확하게 작성하자.스크립트 태그 생성 후, 함수 생성function hey(){ alert('안녕!'); }버튼에 함수 연결 → 클릭 시, 함수가 뜨도록 만들어주는 'onclick' 라는 명령어 사용 버튼을 눌러보세요. +) 응용하기'document' = 웹문서 / '.' = ~의 라는 의미getElementById = Id에 있는 요소 가져와, 이후 변경하고 싶은 Id 삽입 후, 변경 내용 작성하면 끝.(cf. getElementsByClass = clas.. 2024. 9. 5. [React] Day_5 데일리 정리 오늘은 블로그 제목 좀 따라가겠습니다.왜냐.. 저번에 배웠던 부분과 중복되는 친구들이 많아서..🥲지난번과의 차이점은.. 새로운 프로젝트를 만들었다는거?Day 1과 Day2 내용과 겹치는 부분은 따로 설명드리겠습니다. 자, 가시죠. 오늘 배울 것 (2-1)JavaScript = 웹을 움직이게 하는 코드[림졍_플릭스] Project Project 1 (2-2)부트스트랩 = 남이 만들어 놓은 “이쁜” CSS 꾸러미 (Day_2 1-10 참고)→ 맘에드는 거 골라서 에 삽입기본 템플릿 & 부트스트랩을 활용하여 상단 제작 (템플릿 아래 첨부) jumbotron 검색 후 , 데모파일 열람 후 개발자 도구 활용하여 해당 부분 복사(아래 과정을 따라가시면 되시는데.. hoxy 귀찮으신 분들을 위해..💁🏻♂.. 2024. 9. 3. [React] Day_4 맨땅에 헤딩하는 실습일기 - (2) 반갑습니다 열분.글을 작성하다보니 너무나도 길어져.. 2탄으로 돌아온 림졍입니다. 🙋🏻♀️원래같으면 '아 내가 보기만 편하면 되는거 아니야?' 라며 대충대충 끄적거렸을테지만..막상 다 까먹은 상태에서 봤을때의 저를 생각하면'과거의 나 왜이렇게 불친절하게 만들었어..🤦🏻♂️' 라는 후회를 할것 같기에.. 🤷🏻♂️이어서 CSS 부분을 작성해보도록 하겠습니다.(생각보다 별거 없어요, 단지 들어가는 코드 때문에.. 글이 길어져서 문제죠) 맛보기 - CSS 작성에 앞서..강의 정리 글에서 보다시피, CSS 정리는 정말 배웠던 내용만 작성을 했었는데..이유인 즉슨.. 저는 이미 CSS를 알고 있습니다. (두둥.)과거 인턴시절, 웹페이지 디자인을 위해 맨땅에 헤딩을 하며 독학(?)을 했기 때문이죠.(.. 2024. 9. 2. [React] Day_3 맨땅에 헤딩하는 실습일기 - (1) 나 림졍. 프론트엔드 세계에 떨어진 지 어느덧 1주일이 지났다.강의를 듣고,, 뭐 할만한 게 없을까 둘러보던 중 눈에 띄던 그 이름,"직접 해보기". (a.k.a. 퀘스트라 불립니다)'에이 나쁘지 않게 했었으니까~ 잘할 수 있을 듯..?🤷🏻♂️' 라는 안일한 생각으로Vs Code를 활용하여 자그마한 미니게임을 만들기로 결정하는데.. (계속) 첫 실습은 [숫자 기억 게임] 만들기.만들기 위해서는 html 이랑 css 도 중요하지만... 이곳에서의 하이라이트는 JavaScript 님이올시다.(CSS는 정말 할당값만 잘 주어지면 멀쩡하게 작동을 잘하기 때문에, 필자는 자바에 더 집중할 예정이다.) 그중 조건문과 함수를 중심으로 제작되는 친구이니가급적이면 내용을 제대로 숙지한 뒤, 실습하는 것을 추천.. 2024. 8. 31. 이전 1 ··· 10 11 12 13 14 다음
