Loading...
2023. 12. 14. 01:35

Python 개발의 문서화 도구 Sphinx 사용해보기

PytorchKR 레포지토리 기여 중에 Sphinx에 대해 알게되었다 자세한 활용은 해보지 않았으니 생략하고 이런게 있다는 느낌정도만 가져가자고 Sphinx는 Python 프로젝트를 문서화하는 라이브러리인데 pip install sphinx로 설치 가능 !pip install sphinx sphinx로 작성하는 문서는 rst파일로 되어있는데 고쳐야하는 부분을 고치면 된다 다행히 python 코드가 입력되는 부분은... code :: python으로 되어있고 python 문법을 따르더라고 다음 빌드를 위해 sphinx-quickstart를 입력 설명에 따라 입력해주면 되는데 소스 코드와 빌드 경로를 분리할건지 아닌지? 기본값은 n이라네 그 외에 프로젝트 이름이나 작가 이름, 버전, 프로젝트 언어 등을 입력..

2023. 1. 9. 22:56

react 기본 익히기 -JSX에 대하여-

1. JSX A syntax extension to JavaScript "자바스크립트의 확장 문법" 자바스크립트의 문법을 확장시킨 것 JavaScript와 XML/HTML을 합친 것 JSX의 X는 extension의 X로 볼 수도 있지만 실제로는 JavaScript and XML의 앞 글자를 따서 JSX라고 부르는 것 1-1) 예시 다음은 간단한 JSX 코드 대입연산자 =의 오른쪽에 특이하게 HTML코드가 나온다 HTML의 태그를 사용해 Hello, world!라는 문자열을 값으로 갖고 있다 const element = Hello, world!; 결과적으로 자바스크립트 코드와 HTML 코드가 결합되어 있는 JSX 코드가 된다. 이 코드가 하는 역할은 태그로 둘러싸인 문자열을 element라는 변수에 저장..

2023. 1. 9. 22:51

react 기초 익히기 -기본 적용법, create-react-app-

1. 정의 react 공식 웹사이트에서는.. A JavaScript library for building user interfaces "사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리" - 라이브러리 = "자주 사용되는 기능을 정리해 모아 놓은 것" 1-1) 사용자 인터페이스(user interface) UI로 줄여서 부른다 사용자와 컴퓨터 프로그램이 서로 상호작용을 하기 위해 중간에서 서로 간에 입력과 출력을 제어해주는 것 웹사이트에서 버튼, 텍스트 입력창 등이 모두 UI 버튼을 눌러 웹사이트에서 반응을 하고, 웹사이트에서 특정 페이지를 보여주어서 사용자들이 반응을 함 1-2) SPA(single page application) 하나의 페이지만 존재하는 웹사이트, 애플리케이션 수백 개의 웹페이지..

2022. 8. 7. 18:59

inline 요소와 block 요소 완전 정복

1. css 원칙 2 "모든 요소는 네모(박스모델)이고 좌측 상단부터 위에서 아래로, 왼쪽에서 오른쪽으로 배치" "display에 따라 크기와 배치가 달라진다" 박스로 쌓이는 태그들을 display 설정에 따라 배치해나간다 2. block display:block 줄 바꿈이 일어나는 요소 말 그대로 블록처럼 위에서 아래로 쌓인다 화면 크기 전체의 가로 폭을 차지 그러니까 다음 블록을 쌓으면 다음 줄에 쌓인다 물론 width로 크기를 지정할 수 있는데 그렇다고 해서 여러 block이 한줄에 쌓이는 것은 아니다 width만큼 내용물을 채우고 그만큼 우측에 margin을 자동으로 채우나봐 블록 요소 안에는, 인라인 요소가 들어갈 수 있다 대표적인 블록 요소는 div, ul,ol,li, p, hr, form 3..

2022. 8. 7. 16:33

css box model 정복하기

1. css의 대원칙 'css의 모든 요소는 박스다' 모든 요소는 네모(박스모델)이고 위에서부터 아래로, 왼쪽에서 오른쪽으로 쌓인다 원으로 생긴것도 자세히보면 박스안에 들어가있고 2. normal flow 기본적으로 inline 요소는 왼쪽에서 오른쪽으로 나아가고 block요소는 위에서부터 아래로 쌓인다 3. box model 모든 html 요소는 box 형태로 되어있다 하나의 box는 네 부분으로 나뉜다. margin, border, padding, content padding과 margin을 구별을 잘 해야하는데 테두리 border를 중심으로 안쪽에 내용물과 테두리 사이 공백이 padding이고 테두리와 바깥 다른 요소 사이 공백이 margin이다 기본적인 요소를 먼저 생성하고 top에 24px; 만..

2022. 8. 7. 05:25

css position 정복하기

1. position 속성 static, relative, absolute, fixed, sticky 모든것이 box로 되어있는 html 태그들은 기본적으로 위에서부터 아래로 쌓이는데, 필요에 따라 다르게 배치하고 싶을 때가 있다 기본값은 왼쪽이지만 오른쪽처럼 만들고 싶다면..? 2. relative 자기 자신의 static 위치를 기준으로 이동함 원래 나 자신이 있어야할 위치에서, top, left, right, bottom의 몇 pixel만큼 위치를 옮기는 것 레이아웃에서 여전히 static에 공간을 차지하고 있으며, 사람 눈에만 이동한 것처럼 보인다 3. absolute 브라우저 화면 기준으로 위치를 이동시킴 화면에서 공중에 뜬 것처럼 일반적인 flow를 벗어남 일반적인 normal flow에서 제..