본문 바로가기

분류 전체보기85

[React] Day_10 Git 특강 정리 (튜터님 열람금지) 밍나 오랜만임니둥..죽은줄만 알았던 림졍이 돌아왔습니다.. (박수우...)원래는 기존 글 부터 작성을 완료해야 했지만..? 오늘부터 매번 인증을.. 해야하기에..쉽지않은 TIL, 시작해보도록 하겠습니다.   미니 특강 - Git과 Github Git 설치VsCode terminal → bash 나 Gitbash 로 변경 용어 정리pwd(print working directory)  : 현재 작업 폴더를 보여달라는 뜻.* ~는 Home(홈)이라는 경로, 데스크탑보다 상위 폴더를 의미함ls(list) : 내 폴더 안에 있는 폴더와 파일 내역 보여줌ls -a(all) : 숨겨진 파일 내용확인 가능cd(change directory) :  ls 명령어에서 확인된 폴더로 이동 가능, like 데스크탑 더블클릭cd.. 2024. 9. 30.
[React] Day_9 데일리 정리 따-란⭐️어느덧 TIL를 적은 지 3주차.응애단계를 간신히 넘어가 개발자의 'ㄱ'까지 말할 수 있는 단계에 도달한 림졍은...이제.. TIL에 쓸 말이 많이 없다!  (이유인즉슨.. 강의에서 내용이 중복되기 때문이다..!)뭐 여튼 그래서.. 이번에는 지난 데일리 정리에서 사용된 코드를 많이 활용될 예정입니다.가보자구요-! 스딷호.  맛보기 - 오늘 배웠던 내용은 말이죠.. 오늘 딱 강의를 fetch를 배우기 전까지 들었는데요..딱 한마디로 정리하면, 'JQuery로 다양한 곳에 적용해 보기' 랄까요..?준비물은 Day_2의 추억앨범, 이거면 충분합니다.코드첨부하기엔... 너무 긴 스크립트라 따로 첨부 대신 링크를 드리겠읍니다.(맨 밑 최종코드를 복사하시는 것을 매우 권장드립니다.) JQuery 응용 0단.. 2024. 9. 10.
[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.