목록전체 글 (150)
On a couch
일지 더보기 22.02.03 노마드코딩 한다고 잠시 미뤄뒀던 걸 다시 이어서 하려니까 손에 안 잡혀 죽는 줄 알았다. 그 사이 클론코딩 하나 완성하고 기본서도 사서 읽었다. 기본서도 이것도 2회는 돌려야 하는데 마음만 급하고 손에는 잘 안 잡혀서 더 조급하다. 파이썬 드디어 해 봤다. 듣던대로 더 단순하기도 한데, 기본적으로는 js랑 크게 다르지 않아서 안심도 된다. 스파르타 들을 때마다 흥선대원군 된 느낌이다. 22.02.04 흥선대원군 뺨때기 때리고 정신차려라. 갈 길이 멀다. 3주차 강의 간단한 내용인데도 집중 안 돼서 진짜 여러번 봤는데 덕분에 이해는 잘 하고 넘어가는 것 같다.어차피 안 쓰면 또 까먹겠지만 한번 이해 했던 건 다르겠지. 파이썬 문법 배운 것 { }와 ; 쓰지 않고 들여쓰기와 : ..
1. 미디어쿼리 이용 시 html 전체영역 사이즈 오류 야심차게 'how to use mediaquery with javascript' 검색해서 도전했는데 자꾸 공백이 생기길래 뭔가 했더니 body 사이즈가 말도 안되게 바뀌어 있었다. 어떤 감사하신 분이 '참조할 전체 사이즈가 설정되어 있지 않아서 그렇다'고 답을 주셔서 해결됐다 ㅠㅠㅠㅠㅠㅠ https://kinsta.com/blog/javascript-media-query/ css에 이거 두 개 적어넣고 해결됨 ㅠ html { height: 100%; } body { min-height: 100%; } 2. 화면 배열하기 이게 쉽게 되는 게 아니구나 ^^ CSS도 베이직에서부터 차근차근 공부해야겠다. https://www.codingfactory.ne..
일별 기록 더보기 4일차 여기저기서 바닐라 배우기 전에 jquery 익숙해지지 말라는 얘기 엄청 많이 들어서, 솔직히 이번 강의 들으면서도 좀 스트레스 찬 상태로 들었다. 근데 강의 내에서 계속 '전혀 외울 필요 없고 눈으로 봐라'라고 해 주시길래 '그래, nodejs 공부할 때처럼 어떤 느낌인지 아는 정도로만 해 보자' 하고 있다. 강의 1. JS 복습 count += 1; 이게 count = count + 1 이랑 같다. 이걸 처음 봤을 때의 충격 같다. 2. jQuery - 브라우저 호환성 문제를 해결하기 위해 등장한 라이브러리 - 남이 짜 준 js 코드 - 부트스트랩이 jQuery를 사용하므로, 부트 썼으면 또 임포트 할 필요 없음 * js 이용해 html 업데이트하기 $('#btn-posting..
강의 메모 니꼬쌤 사랑해요 #2 [2021 UPDATE] WELCOME TO JAVASCRIPT 더보기 #2.3 const and let (09:45) const : 바뀌지 않을 변수 let : 후에 변경 가능한 변수 var : 예전엔 이것만 있었다. 변경 가능. 쓰지 말 것. #2.4 Booleans (07:22) null : '아무것도 없음'의 의미. 절대 자동적으로 발생하지 않고, '이 변수는 비어 있음'을 js에게 알려주기 위해 코더가 일부러 적어 넣는 데이터타입. undefined : 어떤 변수가 생성(let)되기는 했는데, 정의(=)된 값이 없을 때 js가 표시하는 데이터타입. #2.10 Recap II 함수 : function( ); 코드의 캡슐화! () 안 매개변수(place holder)..
링크 스크랩북 https://couchsol.github.io/sparta_memo/ 1. 개요 - 스파르타 기초 과제 2. 기술스택 - HTML - CSS + bootstrap 3. 구현 기능 - bootstrap / jumbotron, card-colums, form 활용 4. 추후 발전 계획 - postingbox에서 내용 제출 시 새 메모 div 생성 주문 페이지 https://sollee.shop 1. 개요 - 스파르타 기초 과제 2. 기술스택 - HTML - CSS + bootstrap - javascript 3. 구현 기능 - 정보 입력란과 submit 버튼 생성 - alert 기능 적용 - bootstrap / form 활용 4. 추후 발전 계획 - 빈칸 있을 시 alert - 내용 제출 ..
링크 https://couchsol.github.io/duidongsan/ 🍶공간 뒷동산 couchsol.github.io 1. 개요 - 실제 식당을 가지고 가상의 홈페이지를 제작 - 생활코딩 강의를 수강하면서 스스로 현실감 있는 홈페이지를 만들고자 함 2. 기술스택 - HTML - CSS - Javascript + Ajax 3. 구현 기능 - 그리드 구분 - 메뉴바 제작 - 외부 링크 연결 - 원 페이지 웹앱 - 주간/야간모드 전환 버튼 - google analytics 연동 - disqus 댓글창 연동 4. 추후 발전 계획 - 더 세부적이고 유연한 그리드 - 스크롤 반응형 메인페이지 - 인스타 공지 크롤링 - 인스타 후기 크롤링
생활코딩 목표로 한 분량까지는 그럭저럭 마쳤고, 스파르타코딩 웹개발 종합반은 스타트는 했지만 분량이 너무 작고, 오늘 당장 뭘 해야 할 지 방향을 잃어버리고 말았다..! 그래서 생활코딩으로 배운 것을 응용해서 자체적으로 학습하는 데 필요할 로드맵을 좀 찾아 봤다. 찾아본 것을 시간 되는대로 조져보려고 한다 ^^ 1. 기초 학습 루트 스크랩 1-1. 신입 블로거 정리글 더보기 OKKY - 프론트엔드 가이드라인 https://okky.kr/article/1008493 독학러의 신입 프론트엔드 개발자 취업 총정리 프론트엔드 개발을 위해 공부해 온 방법 내가 사용한 자바스크립트 공부 자료들 https://sigcho.tistory.com/20 프론트엔드 독학 스터디 계획 (by. 식초) -기초: HTML, CS..
일별 후기 더보기 1일차 강의 갯수 제한이 슬프다. 막 강의내용이 시작되겠구나 했는데 끝나 버렸다.. 그래도 생활코딩 하다가 스파르타로 넘어가니까 확실히 강의와 강의자료가 깔끔해서 좋다. 2일차 오늘 하루종일 "실습이 필요해" 하며 실습 좀비처럼 정보 찾아 돌아다녔는데 바로 딱 눈에 보이는 결과물 만들어 버리니까 신난다 ㅋㅋㅋㅋ 생활코딩에서 열심히 즈려밟으며 배운 것을 가뿐히 디디고 가 버리니 좀 당황스럽기도 ㅋㅋ 3일차 어제 강의 들을 때까지만 해도 신났는데 오늘 아는 내용 설명 들으려니까 도저히 집중이 안 된다. 으어..... + 역시 실습을 하면 잠이 깬다! ^^ 강의 : html, css, js 기본 1. html 배운 것 를 단순히 '인라인 구역나누기'라는 정의로만 기억하고 있었는데, 내가 그렇..
* 검색할 때 cheat sheet 적극 활용하기 0. 데이터베이스? *데이터베이스의 본질 : 입력과 출력. CRUD * File VS Database - 자동으로 데이터를 CRUD 할 수 있다. *SQL = Structured Query Language -> 구조화된 (표로 정리된) 쿼리 언어 -> 관계형 데이터베이스 전체를 조작할 수 있는 표준화된, 쉬운 언어 1. SQL 기본 0) 구조 1) SQL 기본조작 + 스키마 생성 MySQL(MariaDB) 시작 방법 : CMD -> C:\Bitnami\wampstack\mariadb\bin> mysql -uroot(u유저 중에 root 관리자) -p(패스워드 입력창 소환) -> 비밀번호 입력 데이터베이스만들기 : mysql> CREATE DATABASE ..
0. npm 사용법 * 실행을 원하는 파일이 있는 폴더로 이동(cd) 앱 목록을 확인하고 싶을 때 : pm2 list 앱을 실행시키고 싶을 때 : pm2 start (파일이름).js 앱을 종료시키고 싶을 때 : pm2 stop (파일이름).js 앱을 실행시키고 수정사항을 자동으로 반영시키고 싶을 때 (끄고-켜고) : pm2 start (파일이름).js --watch 앱 현황(오류상황 등)을 체크하고 싶을 때 : pm2 log 1. HTML form 기능 1) form이란 웹브라우저(사용자) -> 서버로 데이터를 전송할 때 사용하는 기능. HTML로 만들 수 있음. 2) 태그 : 안에 있는 각각의 컨트롤에 사용자가 입력한 정보를 / submit 버튼을 눌렀을 때 / queryString의 형태로 / act..