본문 바로가기

전체 글

(342)
[golang] 구름으로 배우는 고언어 기초 한 눈에 끝내는 고랭기초 구름Edu에서 고랭배우고 있는데, 제가 자꾸 놓쳤던 부분을 메모해보려 합니다. 변수와 상수 이건 선언과 동시에 할당입니다. "선언"이 있다는 걸 까먹지 말아야겠습니다. name := "velbie" 콘솔 출력과 입력 보통 Println() 을 사용하고, 좀더 자세히 찍을때 서식출력이 가능한 Printf() 를 사용했습니다. 입력은 주로 Scanf를 사용했습니다. fmt.Println() fmt.Print() fmt.Printf() var age, birth int fmt.Scan(%age, &birth) var height int fmt.Scanf("%d\n", &height) fmt.Scanfln() %v 서식문자 이 문자를 봤을때 갸우뚱했습니다. 실수 출력할때 사용해야 겠습니..
[golang] net/http 처음 사용해보기 net/http http 패키지부터 한번 사용해보겠습니다. package main import ( "fmt" "net/http" ) func main() { fmt.Print("Hello") http.ListenAndServe("localhost:8080", nil) } 실행해봤습니다. 요청이 들어오고 서버가 응답한것을 확인할수 있습니다. (404) 공식문서(링크)를 한번 봐봅니다. http 패키지가 있고 설명이 있습니다. 그리고 vs code에서 ctrl + 클릭해서 ListenAndServe 를 자세히 봐봅니다. 주소 스트링과, 핸들러를 받습니다. 핸들러가 뭔지 확인해보기위해 핸들러를 또 ctrl + 클릭해보면 Handler 가 사실은 인터페이스인것을 알수 있습니다. 인터페이스에 당연히 함수가 명시되..
[css] & + & 알아보기 const NewsItemBlock = styled.div` & + & { margin-top : 3rem; } `; & 은 부모 태그를 가리킵니다. 저 상황에서는 div 를 가리킵니다. {urlToImage && ( )} {title} {description} & + & 하면 &의 부모의 &의 바로옆 & 를 가르킵니다. 첫번째 포스트에서 아래포스트를 가리키고 두번째 포스트에서는 세번째 포스트를 가리키고 세번째 포스트에서는 네번째 포스트를 가리킵니다. 그리고 margin-top: 3rem; 을 주면 맨위랑 맨밑에는 적용안되고 사이간격만 조정할수 있습니다.
[css] flex 공부 사이트 flexboxfroggy.com/ Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 좋습니다.
[react] 이미지 흐릿하게 나오는 경우 흐릿 제가 업로드한 로고는 뭔가 흐릿합니다. 사이즈도 큼지막한데 사이즈를 줄이면 흐릿해지네요 원인은 백터파일이 아니여서 저렇게 나오는 것이였습니다. 알고는 있었지만 저화질을 늘렸을때만 흐릿해 지는 줄 알고있었습니다. png는 고화질을 css로 사이즈 줄여사용할때도 흐릿해 집니다. 결론은 svg 파일을 사용하면 제대로 나옵니다.
[react] 이미지 태그 잘못된 방식 function App() { return (
[react] 라우터 설치 및 적용 설치 yarn add react-router-dom 적용 src/index.js import React from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter } from 'react-router-dom'; // 여기추가 import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; ReactDOM.render( // 여기추가 , document.getElementById('root') ); reportWebVitals(); BrowserRouter라는 컴포넌트를 사용하여 감싸면 됩니다. 이 컴포넌트는 웹 애플리케이션에 HTM..
[react] 프로젝트 생성 후 내가 하는 것들 순서 yarn create react-app 이름 깃연동 src/components 만들어둠 src/pages만들어둠 src/resources만들어둠 Prettier-Code formatter 설정하기 (링크) 테스트 컴포넌트 만드록 yarn start 돌려보기 이후는 그냥 구현하면서 찾아보면서 코드 짜면서 배우면 됨. 라우터 설정 (링크) yarn add axios