일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- javascript
- 객체
- multer
- 자바스크립트
- HTTP
- 개발공부
- ES6
- 데이터전송
- React
- 러닝자바스크립트
- nodejs
- 회고
- Sequence
- Linux
- Andrew Ng
- Machine Learning
- 끈기
- 스파르타코딩클럽
- CSS
- scope
- 1일1문장
- Til
- 클로저
- 리눅스
- coursera
- NextJS
- docker
- 자료구조
- 우선순위
- reactnative
- Today
- Total
목록분류 전체보기 (90)
해나아부지 개발일지
CREATE TABLE departments ( ID NUMBER(10) NOT NULL, DESCRIPTION VARCHAR2(50) NOT NULL); ALTER TABLE departments ADD ( CONSTRAINT dept_pk PRIMARY KEY (ID)); CREATE SEQUENCE dept_seq START WITH 1; 테이블 생성 후 PK를 지정해주고 시퀀스를 만들어 준다. CREATE OR REPLACE TRIGGER dept_bir BEFORE INSERT ON departments FOR EACH ROW BEGIN SELECT dept_seq.NEXTVAL INTO :new.id FROM dual; END; / 트리거도 만들어주면 끝! departments 테이블에 row..
whoami : 로그인한 사용자 아이디 sudo : root계정으로 로그인 하지 않은 상태에서 root 권한이 필요한 명령을 실행해야 할 때 sudo apt-get updateuseradd : 사용자 추가 명령어 sudo useradd -m user01 -m 홈 디렉토리도 함께 만듬 -g 그룹 지정 -d 디렉토리 지정 -s 쉘(shell) 지정 -p 패스워드(암호) 지정 adduser : 사용자 기본 설정을 자동으로 수행 passwd : 로그인한 사용자 비밀번호 변경 sudo passwd user01생성된 사용자(유저) 확인 tail -n 3 /etc/passwd 파일의 밑에 있는 내용을 확인하기 위해 tail 명령어를 사용했습니다. 만들어진 사용자 정보는 /etc/passwd 사용자 파일에서 확인할 수..
리눅스와 파일 모든 것은 파일이라는 철학을 따름 - 모든 interaction은 파일을 읽고 쓰는 것처럼 이루어져 있음 - 마우스, 키보드와 같은 모든 디바이스 관련된 기술도 파일과 같이 다루어짐 파일 네임 스페이스(Name Space) - ex) A 드라이브(A:/), C 드라이브(C:/) (X) - 전역 드라이브(네임 스페이스 사용) /media/floofy/ - 모든 드라이브(외부 드라이브)가 디렉토리로 인식됨 파일은 inode 고유값과 자료구조에 의해 주요 정보 관리 리눅스와 프로세스 리눅스 실행 파일 포맷 - ELF(Executable and Linkable Format) - 콜스택, 힙, 코드(텍스트), 데이터 및 BSS 섹션 등 다양한 시스템 리소스와 관련 시스템 콜 호출을 통해 리소스 처리..
리눅스(LINUX) 서버에 많이 사용되는 운영체제 최근 서버 환경은 주로 리눅스 환경, 프로그래밍에도 사용 커널 + 쉘 + 시스템 (kernel shell system) 처리속도가 빠르다 클라우드 컴퓨팅(AWS) UNIX 계열 운영체제의 대부 ANSI C -C언어 표준(plain한 프로그래밍이 가능) 리누스 토발즈가 개발 대학에 있는 UNIX 컴퓨터를 집에서 쓰고 싶다. 다중 사용자, 다중 작업(시분할 시스템) GNU 프로젝트 GNU = Gnu is Not Unix 유닉스 운영체제를 여러 회사에서 각자 개발, 소스 공유 X 리차드 스톨만 소스를 공유하지 않는 문화에 반발 초기 컴퓨터 개발 공도체의 상호협력적인 문화로 돌아갈 것을 주장하며, 1985년 GNU 선언문 발표 GNU 프로젝트 지원하기 위해 자유..
결론부터 말하자면 z-index는 position 속성 있을 때만 적용된다는 점! 버튼 화면 전체 마스킹을 할 경우에 position: absolute를 적용했다. #top { z-index: 100; } #mask { position: absoulte; top: 0; left: 0; z-index: 1; } 하지만 마스킹이 됐을 때 버튼은 마스킹 상단에 위치하고 싶어서 z-index를 설정했지만 마스킹 밑에서 올라올 생각을 하지 않는다. 해결책 #top { position: relative; z-index: 100; } 버튼에 position 속성만 주면 깔끔하게 해결된다!
Form 태그 new FormData() multer 설정(server side) Form 태그 태그를 활용하면 간단하게 form-data를 전송할 수 있지만 manual하게 form-data를 만들어서 서버로 보내줘야 하는 경우도 생긴다. // MDN example Enter your name: Enter your email: name과 email 태그에 입력된 값들을 type="submit" 태그를 누르면 form-data가 action에 적힌 api로 전송된다(method는 경우에 따라서 정해주면 된다.) new FormData() const formData = new FormData(); // formData.append('key', 'value') formData.append('name', 'f..