일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 비동기
- 사용하는 이유
- JavaScript
- 리덕스
- CSS
- 자바스크립트
- react
- react-router
- SasS
- 리액트 네이티브
- scss
- 참조자료형
- 리액트
- git
- 코딩기초
- async
- http
- React Native
- 코딩독학
- 깃
- 코딩공부
- html기초
- 프론트엔드 개발
- Vue3
- redux
- 코딩초보
- 코린이
- 프론트엔드
- 타입스크립트
- TypeScript
- Today
- Total
목록코딩독학 (19)
맨 땅에 프론트엔드 개발자 되기
간단한 SASS(SCSS) 사용 방법 - Live Sass Complier SASS(SCSS)는 CSS 전처리기(Pre-processor)로 CSS의 사용을 더 편리하게 도와주는 도구다. 웹 브라우저는 자체적으로 SASS를 해석하지 못 하기 때문에 컴파일을 통해 SASS 파일에 작성된 SASS 문법을 CSS 문법으로 작성된 CSS 파일로 변환시켜주는 작업이 필요하다. node.js 환경에서 작동되는 컴파일러를 실행할 수도 있지만 실제 사용환경이나 최신 기술을 고려하지 않고 단순히 만든 SASS 작업의 결과를 가시적으로 확인하고 싶을 땐 VS Code의 Extension 기능인 Live Sass Complier 를 사용할 수 있다. Live Sass Complier 를 설치하고 나면 우측 하단에 Watch..
PHP GET 방식과 POST 방식의 차이 PHP에서 데이터를 주고 받을 때 GET 방식과 POST 방식 두 가지를 사용할 수 있다. 이 두 가지 방식의 차이점이 무엇이고, 어떤 상황에서 어떤 방식을 사용해야 하는지 정리해보려고 한다. 1. GET 방식 GET 방식은 데이터를 URL에 포함시켜 넘기는 방식이다. URL에 표시가 되기 때문에 정보가 URL에 노출될 수 있고 보안이 필요한 패스워드 같은 정보는 GET 방식을 통해 넘기지 않는다. 그러나 URL을 통해 주소가 구분되기 때문에 게시판의 몇 번 째 글인지 같은 것들을 주소를 통해 알 수 있게 표시해줄 수 있다. 그리고 GET 방식을 통해 넘겨진 정보는 캐시에 남기 때문에 전송속도가 더 빠르다. GET 방식을 통해 데이터가 포함되어 넘어간 URL은 ..
VS Code로 코드 작성시에 코드 작성을 편하게 도와주는 Extension 몇 개를 소개해볼까한다. 1. Indent-rainbow indent는 들여쓰기라는 뜻으로 코드를 작성할 때 들여쓰기 단계에 따라 4가지 색상으로 구분해서 코드 작성을 도와주는 기능이다. 코드의 길이가 짧을 때는 별 유용함을 느끼지 못하지만, 코드가 길어지면 포함관계를 구분해서 작성해야할 때 위치를 잘 찾을 수 있도록 도와준다. 2. Auto Close Tag / Auto Rename Tag HTML/XML 태그의 닫힘 태그를 자동으로 완성해주는 기능이다. 태그 명을 수정할 때에도 닫힘 태그를 자동으로 수정해준다. 꼭 필요하고 없어서는 안 되는 기능이라고 생각한다. 정말정말!!! 3. Color Highlight 색을 많이 다루..
인스타그램에 보면 사진을 여러 개 올리면 그 사진 여러 개가 화면에 표시가 된다. 모바일은 아니지만 웹에서 이걸 만들어보려고 하는데 매우 간단한 거였지만 한참 헤맸다. 나같이 헤매고 계실 분들을 위해 정리해서 글을 올려보려고 한다. 먼저, 파일을 올리는 페이지에 파일 인풋 태그에 이름에 "[]" 배열기호를 뒤에 넣어주고 다중 파일을 선택할 수 있도록 multiple을 넣어준다. #HTML 그런 다음 submit 이후 넘어가는 자료를 처리해줄 php파일에 아래 코드를 작성한다. #PHP
웹페이지를 만들 때 폰트는 웹 디자인에 있어서 중요한 한 부분이다. 인터넷이 발전하면서 많은 디자이너 분들이 웹폰트를 만들어오셨고, 우리는 그 중 무료로 배포된 웹폰트를 가져다 써보려고 한다. 물론, 유료 웹폰트도 구매하면 사용가능하지만... 가난한 학생은 무료로 배포된 웹폰트를 감사한 마음으로 사용하렵니다... 무료 웹폰트를 구글에 검색하면 수많은 페이지들이 나온다. 나는 그 중에서도 가장 널리 쓰이고 유명한 구글 웹폰트를 사용해볼 것이다. 구글 웹폰트는 개인 작업용 뿐만 아니라 상업용으로도 사용이 가능하고 영어와 한글 둘 다 있다는 장점이 있다. 저작권에서 자유로울 수 있다는 점! 감사합니다 구글~~~ https://fonts.google.com/?subset=korean Google Fonts Ma..
// 반복문을 활용한 구구단 출력하기 오늘은 버튼을 눌렀을 때 해당 숫자의 구구단을 출력해주는 초간단 구구단 출력기를 구현해보려고 한다. for문 사용과 증감 연산자 사용을 연습해볼 수 있는 예제다. 구현된 최종화면에는 아래와 같이 구구단이 출력된다. #HTML 구구단 출력 2 3 4 5 6 7 8 9 All #JAVASCRIPT const elBtn = document.querySelectorAll('.ex-gugu > div > button'); const elResult = document.querySelector('.result'); let result = ''; let gugu = function(n){ for(i=1; i